From 462cc3e9442508317e14530bf7ba8342ef339b43 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 12 Oct 2026 14:48:04 +0200
Subject: [PATCH 01/28] DBT-422 add podcast publication type

---
 .../PodcastClassificationInitializer.java     | 101 ++++++
 .../META-INF/resources/editor/editor-dbt.xed  |   6 +
 .../resources/config/dbt/mycore.properties    |   2 +-
 .../setup/classifications/mir_genres.xml      | 329 ++++++++++++++++++
 src/main/resources/setup/setup-commands.txt   |   3 +-
 5 files changed, 439 insertions(+), 2 deletions(-)
 create mode 100644 src/main/java/de/urmel_dl/dbt/migration/PodcastClassificationInitializer.java
 create mode 100644 src/main/resources/setup/classifications/mir_genres.xml

diff --git a/src/main/java/de/urmel_dl/dbt/migration/PodcastClassificationInitializer.java b/src/main/java/de/urmel_dl/dbt/migration/PodcastClassificationInitializer.java
new file mode 100644
index 00000000..1cf18449
--- /dev/null
+++ b/src/main/java/de/urmel_dl/dbt/migration/PodcastClassificationInitializer.java
@@ -0,0 +1,101 @@
+/*
+ * This file is part of the Digitale Bibliothek Thüringen repository software.
+ * Copyright (c) 2000 - 2016
+ * See <https://www.db-thueringen.de/> and <https://github.com/ThULB/dbt/>
+ *
+ * This program is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software Foundation,
+ * either version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along with this
+ * program. If not, see <http://www.gnu.org/licenses/>.
+ */
+package de.urmel_dl.dbt.migration;
+
+import org.apache.logging.log4j.LogManager;
+import org.apache.logging.log4j.Logger;
+import org.mycore.backend.jpa.MCREntityManagerProvider;
+import org.mycore.common.events.MCRStartupHandler;
+import org.mycore.datamodel.classifications2.MCRCategory;
+import org.mycore.datamodel.classifications2.MCRCategoryDAO;
+import org.mycore.datamodel.classifications2.MCRCategoryDAOFactory;
+import org.mycore.datamodel.classifications2.MCRCategoryID;
+import org.mycore.datamodel.classifications2.MCRLabel;
+import org.mycore.datamodel.classifications2.impl.MCRCategoryImpl;
+
+import jakarta.persistence.EntityManager;
+import jakarta.persistence.EntityTransaction;
+import jakarta.servlet.ServletContext;
+
+/**
+ * Adds the podcast publication type to installations whose MIR genre classification
+ * has already been persisted and is therefore not refreshed from setup resources.
+ */
+public final class PodcastClassificationInitializer implements MCRStartupHandler.AutoExecutable {
+
+    private static final Logger LOGGER = LogManager.getLogger();
+
+    private static final MCRCategoryID GENRES_ID = new MCRCategoryID("mir_genres");
+
+    private static final MCRCategoryID PODCAST_ID = new MCRCategoryID("mir_genres", "podcast");
+
+    private static final int PRIORITY = 998;
+
+    @Override
+    public String getName() {
+        return PodcastClassificationInitializer.class.getSimpleName();
+    }
+
+    @Override
+    public int getPriority() {
+        return PRIORITY;
+    }
+
+    @Override
+    public void startUp(final ServletContext servletContext) {
+        MCRCategoryDAO categoryDAO = MCRCategoryDAOFactory.obtainInstance();
+        EntityManager entityManager = MCREntityManagerProvider.getCurrentEntityManager();
+        EntityTransaction transaction = entityManager.getTransaction();
+        try {
+            transaction.begin();
+            if (categoryDAO.exist(PODCAST_ID)) {
+                return;
+            }
+
+            if (!categoryDAO.exist(GENRES_ID)) {
+                LOGGER.warn("Cannot add {} because classification {} does not exist",
+                    PODCAST_ID, GENRES_ID);
+                return;
+            }
+
+            categoryDAO.addCategory(GENRES_ID, createPodcastCategory());
+            LOGGER.info("Added publication type {}", PODCAST_ID);
+        } finally {
+            if (transaction.isActive()) {
+                if (transaction.getRollbackOnly()) {
+                    transaction.rollback();
+                } else {
+                    transaction.commit();
+                }
+            }
+        }
+    }
+
+    private static MCRCategory createPodcastCategory() {
+        MCRCategory category = new MCRCategoryImpl();
+        category.setId(PODCAST_ID);
+        category.getLabels().add(new MCRLabel("de", "Podcast", null));
+        category.getLabels().add(new MCRLabel("en", "Podcast", null));
+        category.getLabels().add(new MCRLabel("it", "Podcast", null));
+        category.getLabels().add(new MCRLabel("x-hosts", "standalone", null));
+        category.getLabels().add(new MCRLabel("x-mapping",
+            "marcgt:sound diniPublType:Sound diniPublType2022:Sound schemaOrg:PodcastEpisode "
+                + "coarResourceTypes32:c_18cc openAIRE400resourceTypeGeneral:other_research_product",
+            null));
+        return category;
+    }
+}
diff --git a/src/main/resources/META-INF/resources/editor/editor-dbt.xed b/src/main/resources/META-INF/resources/editor/editor-dbt.xed
index 8183e68a..c002496b 100644
--- a/src/main/resources/META-INF/resources/editor/editor-dbt.xed
+++ b/src/main/resources/META-INF/resources/editor/editor-dbt.xed
@@ -102,6 +102,12 @@
       </div>
     </xed:bind>
   </xed:template>
+
+  <xed:template id="genres.podcast">
+    <xed:include ref="type.of.resource.sound_recording" />
+    <xed:include ref="genres.av.common" />
+  </xed:template>
+
   <xed:modify ref="admin.fields">
     <xed:include ref="oai" after="institutes" />
     <xed:include ref="itunes-podcast" after="genre" />
diff --git a/src/main/resources/config/dbt/mycore.properties b/src/main/resources/config/dbt/mycore.properties
index b8ca20f9..83c17d70 100644
--- a/src/main/resources/config/dbt/mycore.properties
+++ b/src/main/resources/config/dbt/mycore.properties
@@ -266,7 +266,7 @@ MCR.URIResolver.ModuleResolver.enum=de.urmel_dl.dbt.resolver.EnumResolver
 # Configuration for Mailer Queue
 ######################################################################
 
-MCR.Startup.Class=%MCR.Startup.Class%,de.urmel_dl.dbt.migration.MailJobRenamer
+MCR.Startup.Class=%MCR.Startup.Class%,de.urmel_dl.dbt.migration.MailJobRenamer,de.urmel_dl.dbt.migration.PodcastClassificationInitializer
 MCR.QueuedJob.JobThreads=1
 
 ######################################################################
diff --git a/src/main/resources/setup/classifications/mir_genres.xml b/src/main/resources/setup/classifications/mir_genres.xml
new file mode 100644
index 00000000..cc03ab90
--- /dev/null
+++ b/src/main/resources/setup/classifications/mir_genres.xml
@@ -0,0 +1,329 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<mycoreclass xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="MCRClassification.xsd" ID="mir_genres">
+  <label xml:lang="en" text="genre" description="A list of publication types" />
+  <label xml:lang="x-uri" text="http://www.mycore.org/classifications/mir_genres" />
+  <label xml:lang="de" text="Genre" description="Liste der Publikationsarten" />
+  <categories>
+    <category ID="article">
+      <label xml:lang="it" text="Articolo / Saggio" />
+      <label xml:lang="x-mapping" text="marcgt:article diniPublType:article diniPublType2022:Article schemaOrg:ScholarlyArticle coarResourceTypes32:c_6501 openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="en" text="Article / Chapter" />
+      <label xml:lang="de" text="Artikel / Aufsatz" />
+      <label xml:lang="x-hosts" text="journal newspaper collection festschrift proceedings standalone" />
+      <category ID="chapter">
+        <label xml:lang="en" text="Book chapter" />
+        <label xml:lang="de" text="Buchkapitel" />
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:bookPart diniPublType2022:BookPart schemaOrg:Chapter coarResourceTypes32:c_3248 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="book collection" />
+        <label xml:lang="it" text="Capitolo di libro" />
+      </category>
+      <category ID="entry">
+        <label xml:lang="en" text="Encyclopedia entry" />
+        <label xml:lang="x-hosts" text="lexicon" />
+        <label xml:lang="it" text="Entrata Lessicale" />
+        <label xml:lang="de" text="Lexikoneintrag" />
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:bookPart diniPublType2022:BookPart schemaOrg:Article coarResourceTypes32:c_3248 openAIRE400resourceTypeGeneral:literature" />
+      </category>
+      <category ID="preface">
+        <label xml:lang="de" text="Vorwort / Nachwort" />
+        <label xml:lang="x-hosts" text="journal collection festschrift proceedings lexicon" />
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:bookPart diniPublType2022:BookPart schemaOrg:Chapter coarResourceTypes32:c_3248 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="it" text="Prefazione / Epilogo" />
+        <label xml:lang="en" text="Preface (foreword) / Postface" />
+      </category>
+      <category ID="speech">
+        <label xml:lang="en" text="Lecture / Speech" />
+        <label xml:lang="it" text="Conferenza" />
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:other diniPublType2022:Other schemaOrg:Article coarResourceTypes32:c_18cc openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="de" text="Vortrag" />
+        <label xml:lang="x-hosts" text="proceedings standalone" />
+      </category>
+      <category ID="review">
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:review diniPublType2022:Recension schemaOrg:Review coarResourceTypes32:c_efa0 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="it" text="Recensione" />
+        <label xml:lang="de" text="Rezension" />
+        <label xml:lang="en" text="Review" />
+        <label xml:lang="x-hosts" text="journal newspaper collection festschrift proceedings standalone" />
+      </category>
+      <category ID="blog_entry">
+        <label xml:lang="x-mapping" text="marcgt:article diniPublType:article diniPublType2022:PartOfADynamicWebRessource schemaOrg:BlogPosting coarResourceTypes32:c_6947 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="blog" />
+        <label xml:lang="en" text="Blog entry" />
+        <label xml:lang="de" text="Blog-Eintrag" />
+        <label xml:lang="it" text="Entrata nel blog" />
+      </category>
+    </category>
+    <category ID="thesis">
+      <label xml:lang="en" text="Thesis" />
+      <label xml:lang="de" text="Hochschulschriften" />
+      <label xml:lang="x-group" text="true" />
+      <label xml:lang="x-hosts" text="series standalone" />
+      <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:workingPaper diniPublType20222:WorkingPaper schemaOrg:Thesis XMetaDissPlusThesisLevel:other coarResourceTypes32:c_46ec openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="it" text="Tesi universitaria" />
+      <category ID="exam">
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:masterThesis diniPublType2022:MasterThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:Staatsexamen coarResourceTypes32:c_bdcc openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="en" text="Exam" />
+        <label xml:lang="it" text="Esame" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="de" text="Staatsexamensarbeit" />
+      </category>
+      <category ID="dissertation">
+        <label xml:lang="it" text="Tesi di Dottorato di ricerca" />
+        <label xml:lang="de" text="Dissertation" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:doctoralThesis diniPublType2022:PhDThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:thesis.doctoral coarResourceTypes32:c_db06 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="en" text="Dissertation" />
+      </category>
+      <category ID="habilitation">
+        <label xml:lang="de" text="Habilitation" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:doctoralThesis diniPublType2022:Habilitation schemaOrg:Thesis XMetaDissPlusThesisLevel:thesis.habilitation coarResourceTypes32:c_db06 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="it" text="Tesi di abilitazione alla libera docenza" />
+        <label xml:lang="en" text="Habilitation" />
+      </category>
+      <category ID="diploma_thesis">
+        <label xml:lang="it" text="Tesi di diploma" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:masterThesis diniPublType2022:MasterThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:Diplom coarResourceTypes32:c_bdcc openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="en" text="Diploma thesis" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="de" text="Diplomarbeit" />
+      </category>
+      <category ID="master_thesis">
+        <label xml:lang="it" text="Tesi di specializzazione" />
+        <label xml:lang="en" text="Master thesis" />
+        <label xml:lang="de" text="Abschlussarbeit (Master)" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:masterThesis diniPublType2022:MasterThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:master coarResourceTypes32:c_bdcc openAIRE400resourceTypeGeneral:literature" />
+      </category>
+      <category ID="bachelor_thesis">
+        <label xml:lang="it" text="Tesi di laurea triennale" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:bachelorThesis diniPublType2022:BachelorThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:bachelor coarResourceTypes32:c_7a1f openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="de" text="Abschlussarbeit (Bachelor)" />
+        <label xml:lang="en" text="Bachelor thesis" />
+        <label xml:lang="x-hosts" text="series standalone" />
+      </category>
+      <category ID="student_resarch_project">
+        <label xml:lang="it" text="Tesina" />
+        <label xml:lang="en" text="Student research project" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:StudyThesis diniPublType2022:StudyThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:other coarResourceTypes32:c_46ec openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="de" text="Studienarbeit" />
+      </category>
+      <category ID="magister_thesis">
+        <label xml:lang="en" text="Magister thesis" />
+        <label xml:lang="x-mapping" text="marcgt:thesis diniPublType:masterThesis diniPublType2022:MasterThesis schemaOrg:Thesis XMetaDissPlusThesisLevel:M.A. coarResourceTypes32:c_bdcc openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="de" text="Magisterarbeit" />
+        <label xml:lang="it" text="Magisterarbeit" />
+        <label xml:lang="x-hosts" text="series standalone" />
+      </category>
+    </category>
+    <category ID="collection">
+      <label xml:lang="de" text="Sammelwerk" />
+      <label xml:lang="x-mapping" text="marcgt:series diniPublType:other diniPublType2022:EditedCollection schemaOrg:Book coarResourceTypes32:c_2f33 openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="it" text="Compilazione" />
+      <label xml:lang="x-hosts" text="series standalone" />
+      <label xml:lang="en" text="Collection" />
+      <category ID="festschrift">
+        <label xml:lang="en" text="Festschrift" />
+        <label xml:lang="x-mapping" text="marcgt:festschrift diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:QX5C-AR31 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="de" text="Festschrift" />
+        <label xml:lang="it" text="Commemorativo" />
+      </category>
+      <category ID="proceedings">
+        <label xml:lang="x-mapping" text="marcgt:conference_publication diniPublType:conferenceObject diniPublType2022:ConferenceProceedings schemaOrg:Book coarResourceTypes32:c_f744 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="en" text="Proceedings" />
+        <label xml:lang="de" text="Tagungsband" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="it" text="Procedimento" />
+      </category>
+      <category ID="lexicon">
+        <label xml:lang="x-mapping" text="marcgt:encyclopedia diniPublType:book diniPublType2022:Book schemaOrg:Book coarResourceTypes32:c_2f33 openAIRE400resourceTypeGeneral:literature" />
+        <label xml:lang="x-hosts" text="series standalone" />
+        <label xml:lang="it" text="Lessico" />
+        <label xml:lang="de" text="Lexikon" />
+        <label xml:lang="en" text="Lexicon" />
+      </category>
+    </category>
+    <category ID="grouping">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="de" text="Gruppierung" />
+      <label xml:lang="en" text="Grouping" />
+      <label xml:lang="it" text="Raggruppamento" />
+      <label xml:lang="x-mapping" text="coarResourceTypes32:RMP5-3GQ6 openAIRE400resourceTypeGeneral:other_research_product" />
+    </category>
+    <category ID="report">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="de" text="Report" />
+      <label xml:lang="x-mapping" text="marcgt:reporting diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_93fc openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="en" text="Report" />
+      <label xml:lang="it" text="Rapporto" />
+      <category ID="research_results">
+        <label xml:lang="x-hosts" text="standalone" />
+        <label xml:lang="x-mapping" text="marcgt:reporting diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_18ws openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="en" text="Research Results" />
+        <label xml:lang="de" text="Forschungsergebnisse" />
+        <label xml:lang="it" text="Risultati della ricerca" />
+      </category>
+      <category ID="in_house">
+        <label xml:lang="x-hosts" text="standalone" />
+        <label xml:lang="x-mapping" text="marcgt:reporting diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_93fc openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="en" text="In house" />
+        <label xml:lang="it" text="In-house pubblicazione" />
+        <label xml:lang="de" text="Hausinterne Veröffentlichung" />
+      </category>
+      <category ID="press_release">
+        <label xml:lang="x-hosts" text="standalone" />
+        <label xml:lang="it" text="Comunicato stampa" />
+        <label xml:lang="x-mapping" text="marcgt:reporting diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_93fc openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="de" text="Presseerklärung" />
+        <label xml:lang="en" text="Press release" />
+      </category>
+      <category ID="declaration">
+        <label xml:lang="x-hosts" text="standalone" />
+        <label xml:lang="x-mapping" text="marcgt:reporting diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_93fc openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="de" text="Fachliche Stellungnahme" />
+        <label xml:lang="en" text="Professional declaration" />
+        <label xml:lang="it" text="Parere di esperti" />
+      </category>
+    </category>
+    <category ID="teaching_material">
+      <label xml:lang="de" text="Lehrmaterial" />
+      <label xml:lang="x-hosts" text="standalone lecture" />
+      <label xml:lang="x-mapping" text="marcgt:instruction diniPublType:CourseMaterial diniPublType2022:CourseMaterial schemaOrg:LearningResource coarResourceTypes32:c_e059 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="en" text="Teaching Resource" />
+      <label xml:lang="it" text="Materiale didattico" />
+      <category ID="lecture_resource">
+        <label xml:lang="x-hosts" text="standalone lecture" />
+        <label xml:lang="x-mapping" text="marcgt:instruction diniPublType:CourseMaterial diniPublType2022:CourseMaterial schemaOrg:LearningResource coarResourceTypes32:c_e059 openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="de" text="Vorlesungsmaterial" />
+        <label xml:lang="en" text="Lecture Resource" />
+        <label xml:lang="it" text="Resource Lecture" />
+      </category>
+      <category ID="course_resources">
+        <label xml:lang="x-mapping" text="marcgt:instruction diniPublType:CourseMaterial diniPublType2022:CourseMaterial schemaOrg:LearningResource coarResourceTypes32:c_e059 openAIRE400resourceTypeGeneral:other_research_product" />
+        <label xml:lang="x-hosts" text="standalone lecture" />
+        <label xml:lang="de" text="Kurs- und Seminarmaterial" />
+        <label xml:lang="en" text="Course Resources" />
+        <label xml:lang="it" text="Risorse del corso" />
+      </category>
+    </category>
+    <category ID="book">
+      <label xml:lang="it" text="Libro" />
+      <label xml:lang="de" text="Buch" />
+      <label xml:lang="x-mapping" text="marcgt:book diniPublType:book diniPublType2022:Book schemaOrg:Book coarResourceTypes32:c_2f33 openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="x-hosts" text="series standalone" />
+      <label xml:lang="en" text="Book" />
+    </category>
+    <category ID="journal">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="en" text="Journal" />
+      <label xml:lang="de" text="Zeitschrift" />
+      <label xml:lang="it" text="Rivista" />
+      <label xml:lang="x-mapping" text="marcgt:journal diniPublType:Periodical diniPublType2022:Periodical schemaOrg:Periodical coarResourceTypes32:c_0640 openAIRE400resourceTypeGeneral:literature" />
+      <category ID="issue">
+        <label xml:lang="de" text="Zeitschriftenheft" />
+        <label xml:lang="en" text="Journal Issue" />
+        <label xml:lang="x-hosts" text="standalone journal series" />
+        <label xml:lang="x-mapping" text="marcgt:issue diniPublType:PeriodicalPart diniPublType2022:PeriodicalPart schemaOrg:PublicationIssue coarResourceTypes32:QX5C-AR31 openAIRE400resourceTypeGeneral:literature" />
+      </category>
+    </category>
+    <category ID="newspaper">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="it" text="Giornale" />
+      <label xml:lang="en" text="Newspaper" />
+      <label xml:lang="x-mapping" text="marcgt:newspaper diniPublType:Periodical diniPublType2022:Periodical schemaOrg:Periodical coarResourceTypes32:c_2fe3 openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="de" text="Zeitung" />
+    </category>
+    <category ID="series">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="x-mapping" text="marcgt:series diniPublType:other diniPublType2022:Other schemaOrg:BookSeries coarResourceTypes32:QX5C-AR31? openAIRE400resourceTypeGeneral:literature" />
+      <label xml:lang="en" text="Series" />
+      <label xml:lang="de" text="Serie" />
+      <label xml:lang="it" text="Collana" />
+    </category>
+    <category ID="blog">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="de" text="Blog" />
+      <label xml:lang="x-mapping" text="marcgt:web_site diniPublType:Website diniPublType2022:DynamicWebRessource schemaOrg:Blog coarResourceTypes32:c_7ad9 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="en" text="Blog" />
+      <label xml:lang="it" text="Blog" />
+    </category>
+    <category ID="interview">
+      <label xml:lang="it" text="Intervista" />
+      <label xml:lang="x-hosts" text="journal newspaper standalone" />
+      <label xml:lang="x-mapping" text="marcgt:interview diniPublType:report diniPublType2022:Report schemaOrg:Report coarResourceTypes32:c_1843 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="en" text="Interview" />
+      <label xml:lang="de" text="Interview" />
+    </category>
+    <category ID="research_data">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="de" text="Forschungsdaten" />
+      <label xml:lang="en" text="Research Data" />
+      <label xml:lang="x-mapping" text="marcgt:database diniPublType:ResearchData diniPublType2022:ResearchData schemaOrg:Dataset coarResourceTypes32:c_ddb1 openAIRE400resourceTypeGeneral:dataset" />
+      <label xml:lang="it" text="Dati di ricerca" />
+      <category ID="software">
+        <label xml:lang="en" text="Software" />
+        <label xml:lang="x-mapping" text="marcgt:computer_program diniPublType:Software diniPublType2022:Software schemaOrg:SoftwareApplication coarResourceTypes32:c_5ce6 openAIRE400resourceTypeGeneral:software" />
+        <label xml:lang="x-hosts" text="standalone" />
+        <label xml:lang="de" text="Software" />
+      </category>
+    </category>
+    <category ID="patent">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="it" text="Brevetto" />
+      <label xml:lang="x-mapping" text="marcgt:patent diniPublType:patent diniPublType2022:Patent schemaOrg:CreativeWork coarResourceTypes32:c_15cd openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="de" text="Patent" />
+      <label xml:lang="en" text="Patent" />
+    </category>
+    <category ID="poster">
+      <label xml:lang="x-mapping" text="marcgt:technical_drawing diniPublType:ResearchData diniPublType2022:ConferencePoster schemaOrg:PresentationDigitalDocument coarResourceTypes32:c_6670 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="en" text="Poster" />
+      <label xml:lang="it" text="Locandina" />
+      <label xml:lang="de" text="Poster" />
+      <label xml:lang="x-hosts" text="proceedings standalone" />
+    </category>
+    <category ID="podcast">
+      <label xml:lang="en" text="Podcast" />
+      <label xml:lang="de" text="Podcast" />
+      <label xml:lang="it" text="Podcast" />
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="x-mapping" text="marcgt:sound diniPublType:Sound diniPublType2022:Sound schemaOrg:PodcastEpisode coarResourceTypes32:c_18cc openAIRE400resourceTypeGeneral:other_research_product" />
+    </category>
+    <category ID="audio">
+      <label xml:lang="en" text="Audio file" />
+      <label xml:lang="x-hosts" text="standalone lecture" />
+      <label xml:lang="x-mapping" text="marcgt:sound diniPublType:Sound diniPublType2022:Sound schemaOrg:MediaObject coarResourceTypes32:c_18cc openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="de" text="Tondokument" />
+      <label xml:lang="it" text="Registrazione audio" />
+    </category>
+    <category ID="video">
+      <label xml:lang="x-hosts" text="standalone lecture" />
+      <label xml:lang="it" text="Film / Video" />
+      <label xml:lang="de" text="Film / Video" />
+      <label xml:lang="en" text="Movie / Video" />
+      <label xml:lang="x-mapping" text="marcgt:motion_picture diniPublType:MovingImage diniPublType2022:MovingImage schemaOrg:MediaObject coarResourceTypes32:c_12ce openAIRE400resourceTypeGeneral:other_research_product" />
+    </category>
+    <category ID="picture">
+      <label xml:lang="it" text="Immagine" />
+      <label xml:lang="x-hosts" text="standalone lecture" />
+      <label xml:lang="x-mapping" text="marcgt:picture diniPublType:StillImage diniPublType2022:StillImage schemaOrg:MediaObject coarResourceTypes32:c_ecc8 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="de" text="Bild" />
+      <label xml:lang="en" text="Picture" />
+    </category>
+    <category ID="broadcasting">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="x-mapping" text="marcgt:videorecording diniPublType:report diniPublType2022:Report schemaOrg:MediaObject coarResourceTypes32:c_1843 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="it" text="Programma televisivo o radiofonico" />
+      <label xml:lang="de" text="Sendung" />
+      <label xml:lang="en" text="Broadcasting" />
+    </category>
+    <category ID="lecture">
+      <label xml:lang="x-hosts" text="standalone" />
+      <label xml:lang="de" text="Vorlesung" />
+      <label xml:lang="en" text="Lecture" />
+      <label xml:lang="x-mapping" text="marcgt:series diniPublType:lecture diniPublType2022:Lecture schemaOrg:Course coarResourceTypes32:c_8544 openAIRE400resourceTypeGeneral:other_research_product" />
+      <label xml:lang="it" text="Lezione" />
+    </category>
+  </categories>
+</mycoreclass>
diff --git a/src/main/resources/setup/setup-commands.txt b/src/main/resources/setup/setup-commands.txt
index 9219b754..636b8cdf 100644
--- a/src/main/resources/setup/setup-commands.txt
+++ b/src/main/resources/setup/setup-commands.txt
@@ -1,6 +1,7 @@
 update classification from file classifications/mcr_roles.xml
+update classification from file classifications/mir_genres.xml
 update classification from file classifications/mir_institutes.xml
 update classification from file classifications/RCLOC.xml
 
 process acl/defaultrules-commands.txt
-process acl/webacl-commands.txt
\ No newline at end of file
+process acl/webacl-commands.txt

From 5ca85d02304eb1f6f961f1870b4f23dc2d32ad76 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 12 Oct 2026 14:53:35 +0200
Subject: [PATCH 02/28] DBT-422 implement podcast browser and audio player

---
 src/main/podcast/.gitignore                   |   24 +
 src/main/podcast/index.html                   |  218 ++
 src/main/podcast/package-lock.json            | 1928 +++++++++++++++++
 src/main/podcast/package.json                 |   25 +
 src/main/podcast/public/dbt-logo.svg          |  157 ++
 src/main/podcast/public/favicon.png           |  Bin 0 -> 3647 bytes
 src/main/podcast/src/App.vue                  |   12 +
 .../podcast/src/components/EmptyState.vue     |   29 +
 .../podcast/src/components/ErrorState.vue     |   17 +
 .../podcast/src/components/LoadingState.vue   |   19 +
 src/main/podcast/src/components/Player.vue    |  968 +++++++++
 .../src/components/PlaylistEpisode.vue        |  241 +++
 .../podcast/src/components/PlaylistHeader.vue |  330 +++
 .../podcast/src/components/PodcastFilter.vue  |  322 +++
 .../podcast/src/components/PodcastList.vue    |  492 +++++
 .../podcast/src/components/PodcastsHero.vue   |   16 +
 src/main/podcast/src/env.d.ts                 |    8 +
 src/main/podcast/src/index.ts                 |   32 +
 src/main/podcast/src/layout.css               |    5 +
 src/main/podcast/src/main.ts                  |    9 +
 src/main/podcast/src/router/router.ts         |   36 +
 src/main/podcast/src/stores/player.ts         |  119 +
 src/main/podcast/src/style.css                |    3 +
 src/main/podcast/src/types/types.ts           |  123 ++
 src/main/podcast/src/utils/XMLParser.ts       |  232 ++
 src/main/podcast/src/utils/requestReceive.ts  |   11 +
 src/main/podcast/src/utils/requestSolr.ts     |   11 +
 src/main/podcast/src/views/NotFound.vue       |   10 +
 src/main/podcast/src/views/Playlist.vue       |   76 +
 src/main/podcast/src/views/Podcasts.vue       |   12 +
 src/main/podcast/tsconfig.app.json            |   21 +
 src/main/podcast/tsconfig.json                |    7 +
 src/main/podcast/tsconfig.node.json           |   23 +
 src/main/podcast/vite.config.ts               |   39 +
 34 files changed, 5575 insertions(+)
 create mode 100644 src/main/podcast/.gitignore
 create mode 100644 src/main/podcast/index.html
 create mode 100644 src/main/podcast/package-lock.json
 create mode 100644 src/main/podcast/package.json
 create mode 100644 src/main/podcast/public/dbt-logo.svg
 create mode 100644 src/main/podcast/public/favicon.png
 create mode 100644 src/main/podcast/src/App.vue
 create mode 100644 src/main/podcast/src/components/EmptyState.vue
 create mode 100644 src/main/podcast/src/components/ErrorState.vue
 create mode 100644 src/main/podcast/src/components/LoadingState.vue
 create mode 100644 src/main/podcast/src/components/Player.vue
 create mode 100644 src/main/podcast/src/components/PlaylistEpisode.vue
 create mode 100644 src/main/podcast/src/components/PlaylistHeader.vue
 create mode 100644 src/main/podcast/src/components/PodcastFilter.vue
 create mode 100644 src/main/podcast/src/components/PodcastList.vue
 create mode 100644 src/main/podcast/src/components/PodcastsHero.vue
 create mode 100644 src/main/podcast/src/env.d.ts
 create mode 100644 src/main/podcast/src/index.ts
 create mode 100644 src/main/podcast/src/layout.css
 create mode 100644 src/main/podcast/src/main.ts
 create mode 100644 src/main/podcast/src/router/router.ts
 create mode 100644 src/main/podcast/src/stores/player.ts
 create mode 100644 src/main/podcast/src/style.css
 create mode 100644 src/main/podcast/src/types/types.ts
 create mode 100644 src/main/podcast/src/utils/XMLParser.ts
 create mode 100644 src/main/podcast/src/utils/requestReceive.ts
 create mode 100644 src/main/podcast/src/utils/requestSolr.ts
 create mode 100644 src/main/podcast/src/views/NotFound.vue
 create mode 100644 src/main/podcast/src/views/Playlist.vue
 create mode 100644 src/main/podcast/src/views/Podcasts.vue
 create mode 100644 src/main/podcast/tsconfig.app.json
 create mode 100644 src/main/podcast/tsconfig.json
 create mode 100644 src/main/podcast/tsconfig.node.json
 create mode 100644 src/main/podcast/vite.config.ts

diff --git a/src/main/podcast/.gitignore b/src/main/podcast/.gitignore
new file mode 100644
index 00000000..a547bf36
--- /dev/null
+++ b/src/main/podcast/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src/main/podcast/index.html b/src/main/podcast/index.html
new file mode 100644
index 00000000..e2cf2a12
--- /dev/null
+++ b/src/main/podcast/index.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html class="no-js" lang="de">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Development mode</title>
+    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta name="podcast-base-path" content="/" />
+    <link rel="icon" href="/favicon.png">
+    <link rel="stylesheet" href="https://www.db-thueringen.de/dbt/assets/waves/waves.min.css">
+    <link rel="stylesheet" href="src/layout.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css">
+    <script type="module" src="/src/index.ts"></script>
+</head>
+<body class="d-flex flex-column min-vh-100">
+
+<header>
+    <nav role="navigation" class="navbar navbar-expand-md navbar-dbt fixed-top">
+        <div class="container">
+            <a href="#" class="navbar-brand">
+                <span class="img-placeholder"></span>
+            </a>
+            <button aria-controls="navbar" aria-expanded="false" data-bs-target="#navbar,#container-overlay" data-bs-toggle="collapse" class="navbar-toggler collapsed plus-sign" type="button"><span class="visually-hidden">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
+            <div class="collapse navbar-collapse" id="navbar">
+
+                <ul class="navbar-nav me-auto">
+                    <li class="nav-item dropdown d-flex">
+                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N20063">
+                            <i class="fas fa-magnifying-glass me-1 d-none d-sm-inline-block d-lg-none"></i>
+                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Suche</span>
+                        </a>
+                        <div aria-labelledby="N20063" role="menu" class="dropdown-menu rounded-0">
+                            <a href="#" class="dropdown-item">einfach</a>
+                            <a href="#" class="dropdown-item">erweitert</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown ">
+                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N20082">
+                            <i class="fas fa-sitemap me-1 d-none d-sm-inline-block d-lg-none"></i>
+                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Bl&auml;ttern</span>
+                        </a>
+                        <div aria-labelledby="N20082" role="menu" class="dropdown-menu rounded-0 ">
+                            <a href="#" class="dropdown-item">Einrichtungen</a>
+                            <a href="#" class="dropdown-item">Dokumenttypen</a>
+                            <a href="#" class="dropdown-item">Sachgruppen</a>
+                            <a href="#" class="dropdown-item">Personen</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown ">
+                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N200B1">
+                            <i class="fas fa-clipboard-check me-1 d-none d-sm-inline-block d-lg-none"></i>
+                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Semesterapparate</span>
+                        </a>
+                        <div aria-labelledby="N200B1" role="menu" class="dropdown-menu rounded-0 ">
+                            <a href="#" class="dropdown-item">Aktuelle Liste</a>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown ">
+                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N200C5">
+                            <i class="fas fa-upload me-1 d-none d-sm-inline-block d-lg-none"></i>
+                            <span class="d-inline  d-lg-inline d-md-none d-sm-inline">Publizieren</span>
+                        </a>
+                        <div aria-labelledby="N200C5" role="menu" class="dropdown-menu rounded-0 ">
+                            <a href="#" class="dropdown-item">Leitlinien</a>
+                            <a href="#" class="dropdown-item">Vertragsbedingungen</a>
+                        </div>
+                    </li>
+                    <li class="nav-item ">
+                        <a href="#" class="nav-link">
+                            <i class="fas fa-headphones me-1 d-none d-sm-inline-block d-lg-none"></i>
+                            <span class="d-inline  d-lg-inline d-md-none d-sm-inline">Podcasts</span>
+                        </a>
+                    </li>
+                    <li class="nav-item d-xs-inline d-sm-inline d-md-none">
+                        <a href="#" class="nav-link">
+                            <i class="fas fa-circle-question me-1 d-none d-sm-inline-block"></i>
+                            FAQ
+                        </a>
+                    </li>
+                    <li id="basket-list-item" class="nav-item dropdown d-xs-inline d-sm-inline d-md-none">
+                        <a title="Merkliste" href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle"><i class="fas fa-bookmark me-1"></i><sup>0</sup></a>
+                        <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu rounded-0 ">
+                            <li class="dropdown-item disabled">
+                                <a>Auf ihrer Merkliste befinden sich keine Dokumente.</a>
+                            </li>
+                            <li class="dropdown-divider"></li>
+                            <li class="dropdown-item">
+                                <a href="#">Merkliste &ouml;ffnen</a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+
+                <ul class="navbar-nav ms-auto navbar-right">
+                    <li id="basket-list-item-2" class="nav-item dropdown d-none d-md-inline">
+                        <a title="Merkliste" href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle"><i class="fas fa-bookmark me-1"></i><sup>0</sup></a>
+                        <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu rounded-0 dropdown-menu rounded-0-right">
+                            <li class="dropdown-item disabled">
+                                <a>Auf ihrer Merkliste befinden sich keine Dokumente.</a>
+                            </li>
+                            <li class="dropdown-divider"></li>
+                            <li class="dropdown-item">
+                                <a href="#">Merkliste &ouml;ffnen</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="nav-item d-none d-md-inline">
+                        <a href="#" class="nav-link"><i class="fas fa-circle-question me-1"></i><span class="d-none d-lg-inline">FAQ</span></a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#" class="nav-link"><i class="fas fa-right-to-bracket"></i><span class="d-inline d-xl-inline d-sm-inline d-md-none ms-1">Anmelden</span></a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="searchbar">
+        <div class="container">
+            <form action="" role="search" class="navbar-form d-flex align-items-center navbar-right">
+                <div class="input-group">
+                    <input placeholder="Suchen" name="condQuery" id="searchTerm" type="text" class="form-control rounded-0">
+                    <span class="input-group-btn">
+            <button class="btn btn-outline-secondary rounded-0" type="submit">
+              <i class="fas fa-magnifying-glass"></i>
+            </button>
+          </span>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <noscript>
+        <div style="border-radius: 0;" class="mir-no-script alert alert-warning text-center">Um den vollen Funktionsumfang dieser Webseite zu erfahren, ben&ouml;tigen Sie JavaScript. Hier finden Sie die
+            &nbsp;
+            <a target="_blank" href="">Anleitung wie Sie JavaScript in Ihrem Browser einschalten</a>
+            .
+        </div>
+    </noscript>
+</header>
+
+<section class="flex-grow-1">
+    <div class="container">
+        <div id="main_content">
+            <a id="top"></a>
+            <div class="container" ></div>
+            <button class="btn back-to-top" style="display: none;"><i class="fas fa-chevron-circle-up"></i></button>
+        </div>
+    </div>
+</section>
+
+<footer class="flex-shrink-0">
+    <div class="container">
+        <div class="d-flex justify-content-between align-items-center">
+            <div>
+                <ul class="nav-footer">
+                    <li>
+                        <a href="#" class="text-success">Impressum</a>
+                    </li>
+                    <li>
+                        <a href="#" class="text-success">Barrierefreiheit</a>
+                    </li>
+                    <li>
+                        <a href="#" class="text-success">Datenschutzerkl&auml;rung</a>
+                    </li>
+                    <li>
+                        <a href="#" class="text-success">Kontakt</a>
+                    </li>
+                </ul>
+                <p class="info mb-2">&copy; 2000 - 2026 UrMEL. Alle Rechte vorbehalten.<i title="DBT: 2025.06-SNAPSHOT (00073a7)<br>MIR: 2025.06.3-SNAPSHOT 2025.06.x:v2025.06.2-2-gbdf63ae" data-bs-placement="top" data-bs-html="true" data-bs-toggle="tooltip" class="fas fa-info-circle text-info ms-2 pt-1"></i>
+                </p>
+            </div>
+            <div>
+                <div class="btn-group dropup float-end language-select">
+                    <button data-bs-toggle="dropdown" class="btn btn-outline-secondary btn-sm dropdown-toggle"><span class="language de">Sprache wechseln</span><span class="caret"></span></button>
+                    <div class="dropdown-menu rounded-0 dropdown-menu rounded-0-end">
+                        <a href="#" class="dropdown-item language de active">Deutsch</a><a href="#" class="dropdown-item language en">English</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="powered_by" class="d-flex justify-content-center align-items-center">
+            <a
+                    href="http://www.mycore.de"
+            >
+                <img
+                        title="MyCoRe 2025.06.3-SNAPSHOT 2025.06.x:v2025.06.2-1-gbf96dff"
+                        src="https://www.db-thueringen.de/mir-layout/images/mycore_logo_powered_120x30_blaue_schrift_frei.png"
+                        class="img-responsive"
+                        alt="powered by MyCoRe"
+                >
+            </a>
+        </div>
+    </div>
+</footer>
+
+<div
+        aria-controls="navbar"
+        aria-expanded="false"
+        data-bs-target="#navbar,#container-overlay"
+        data-bs-toggle="collapse"
+        class="collapse"
+        id="container-overlay"
+></div>
+
+<script src="https://www.db-thueringen.de/assets/jquery/jquery.min.js" type="text/javascript"></script>
+<script src="https://www.db-thueringen.de/assets/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
+<script src="https://www.db-thueringen.de/dbt/assets/waves/waves.min.js" type="text/javascript"></script>
+<script src="https://www.db-thueringen.de/dbt/js/layout.min.js" type="text/javascript"></script>
+<script src="https://www.db-thueringen.de/js/mir/confirm.js" type="text/javascript"></script>
+<script src="https://www.db-thueringen.de/js/mir/base.min.js" type="text/javascript"></script>
+<script type="text/javascript" src="https://www.db-thueringen.de/js/mir/session-polling.js"></script>
+<script src="https://www.db-thueringen.de/modules/webtools/upload/js/upload-api.js"></script>
+<script src="https://www.db-thueringen.de/modules/webtools/upload/js/upload-gui.js"></script>
+<script src="https://www.db-thueringen.de/assets/jquery/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
+
+</body>
+</html>
diff --git a/src/main/podcast/package-lock.json b/src/main/podcast/package-lock.json
new file mode 100644
index 00000000..d8bea846
--- /dev/null
+++ b/src/main/podcast/package-lock.json
@@ -0,0 +1,1928 @@
+{
+  "name": "podcast",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "podcast",
+      "version": "0.0.0",
+      "dependencies": {
+        "pinia": "^4.0.3",
+        "vue": "^3.5.41",
+        "vue-router": "^5.3.0"
+      },
+      "devDependencies": {
+        "@types/node": "^24.19.2",
+        "@vitejs/plugin-vue": "^6.0.8",
+        "@vue/tsconfig": "^0.9.1",
+        "sass": "^1.103.1",
+        "typescript": "~6.0.2",
+        "vite": "^8.2.2",
+        "vue-tsc": "^3.3.11"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz",
+      "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.147.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.147.0.tgz",
+      "integrity": "sha512-IJ3s6ltHLp45S0bh7phkX+gJO7A1Wuz2EaqpAhb8WjqDwbzMiWKHhyyT42tskaWjEYXtHtVCPpnBJVT9+dcRLg==",
+      "devOptional": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
+      "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.6.0",
+        "@parcel/watcher-darwin-arm64": "2.6.0",
+        "@parcel/watcher-darwin-x64": "2.6.0",
+        "@parcel/watcher-freebsd-x64": "2.6.0",
+        "@parcel/watcher-linux-arm-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm-musl": "2.6.0",
+        "@parcel/watcher-linux-arm64-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm64-musl": "2.6.0",
+        "@parcel/watcher-linux-x64-glibc": "2.6.0",
+        "@parcel/watcher-linux-x64-musl": "2.6.0",
+        "@parcel/watcher-win32-arm64": "2.6.0",
+        "@parcel/watcher-win32-x64": "2.6.0"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
+      "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
+      "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
+      "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
+      "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
+      "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
+      "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
+      "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
+      "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
+      "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
+      "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
+      "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
+      "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm-eabi": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.6.tgz",
+      "integrity": "sha512-b+jTcARdTiFLI6jB4a5XjTm0RWd6KcRfQj/I2356fxUZemiho9zQLxo0RtCuMDAyKcLo6cEltkgbQp6d1+sjjQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.6.tgz",
+      "integrity": "sha512-lkWU8ZJaRk9q3CIEY1Tc7vIFALp3Xw5NfGJo2hQg5oIqNgxWi1zI+IiDEK3r70BF5Dzol1tcXsnzsRc8NLhG+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.6.tgz",
+      "integrity": "sha512-dgR56NYnvAszm7Ob1B2/Vn0e8bUQYZH2UjVaMMtMVOCKFSfjhfLmuA/9+O+F+ajUdG6B/bSssrKW6JJYASa8jA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.6.tgz",
+      "integrity": "sha512-vpVxFvUCFioJqug7OTvqptkc4yb8UX0AwfDmJpaR/0sWz+BUmqSVAf7c8JkUgnN8YLspb4a/N6NhTyMAmdyQ7Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.6.tgz",
+      "integrity": "sha512-h1wG6Y6K3JlRswxsI64qQJqBAy4vrLuHgRbc8CZMGSWTOFRY6ghMApM1NKzB2I0n5xV1fjkE18SuVl2QpLeNpA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.6.tgz",
+      "integrity": "sha512-tbCiqub0q2MVWJKgF5PoAlNWCtQydiOYSLIkd8sByqK/6MMYLJRcSXSYodqYtd0O+Fw7QaVmKKlS4oL94YRZ0w==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.6.tgz",
+      "integrity": "sha512-oxK9+baEBPhZG5HB4URY+uU04zJWeZlH6Tb9rB5DK4DF9XR1uXNLXt5Q5ZsugTKayNCNLhkcwz/ye74hRI98dg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.6.tgz",
+      "integrity": "sha512-muWCk27FVBEZtv0MsK8gnfSmgczA8KQ0uRVJbTABKhkRfQc38aUrcb7fhi3BNiyseFmgcRsoMfQsSNJ+DbZdSw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.6.tgz",
+      "integrity": "sha512-eWDoSfU7Co2qj3vgB3Dt4lj1mG6CoWbcJQkRMP3XJplyCMtuaq3LHvPFjS9QIPvMGWVadJC04Xiy0IdcVPtnwQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.6.tgz",
+      "integrity": "sha512-2bWNjRSIayvupRKxXUY2tWG9fYdoUlTqWywHRvE8Eq3GvuQ+f2HeIkve697fIt+IQs/PV8yFsdWuhp1aJ1PdnA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.6.tgz",
+      "integrity": "sha512-KekI0gS0wLxe1UBSQSjenBVwou/JkcQPDzBPICGZjxUv9k3RteHDPBQaiOicZUFKRIH2wKEimGwVpnJsbPzu7w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.6.tgz",
+      "integrity": "sha512-TvtPnfVr+HtyGiDmPK4VWmlNm7QhNNAcK5Q9A7aOXsI8545yCyaoMaicXrFZ72JzeYjaUVk7yT243zT0jzjFKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.6.tgz",
+      "integrity": "sha512-iOo0VEay2XFhaCcH0sps5XIimkSuOnNaZrf6+ZkoSOQBJPKNU48RkmJv0/lSpipexu5P+ouFgafe5IGr/DiQfg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.6.tgz",
+      "integrity": "sha512-y5NTmmasMS455JlOCO4ZM9krIchv3Mvm1crL1iUPGOPgEzSkves9n0SdC5Sjz6+qWDFhd8/JpfWMH8NSWNHe+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.6.tgz",
+      "integrity": "sha512-np8iZSLfXlAD4kWhiyq/u0Yt8oZDtRQ8lGhQaCXo2rl37KNjeU0GjJuwr4P3oeZ++ROfofsKNBqR5LTO8aXyWQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.19.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.19.2.tgz",
+      "integrity": "sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": ">=7.24.0 <7.24.7"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.8.tgz",
+      "integrity": "sha512-0ZjgOg7oO6farnNGup7yvoM/YXZV84OZxHAwtflItNa/6zzQyVb5LNxyea3FEKEX2XlagIKzrlH7wwxkKgtiew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue-macros/common": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-3.1.4.tgz",
+      "integrity": "sha512-/5Fv+6DgIcM9ajY05ZmKBv+LMX1M9A0X+IUwDRVdt67ciw8OV9bvG2r34p3RiEadlsQybjhKPRKNXDC8Bp23cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "^3.5.22",
+        "ast-kit": "^2.1.2",
+        "local-pkg": "^1.1.2",
+        "magic-string-ast": "^1.0.2",
+        "unplugin-utils": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/vue-macros"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.2.25"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.42.tgz",
+      "integrity": "sha512-2Ye1ilMtKXxl8qZUrQ5j0CdgenFp/HFQmta6rfRyfEsTG69L6Wk+tWuNoHYHMx9E8tF2Slvdg1FuwDvAXdy1LQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@vue/shared": "3.5.42",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.42.tgz",
+      "integrity": "sha512-qbhQZEFmycr+ni/qyuccS4sucNN7VAbDfbkvNxWOX2VfgFm90MNs3/UhRNKoPMEIVn0F8gdlYjLPvqxHwHeQOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.42.tgz",
+      "integrity": "sha512-fkCAFB4okcAANGMThboWnScp/gzWjU0ZSkVnjTIiplmMDq2uq0tIB3j+xVu4rhv5rvOgBySCysudmbMd6xRRqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@vue/compiler-core": "3.5.42",
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/compiler-ssr": "3.5.42",
+        "@vue/shared": "3.5.42",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.19",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.42.tgz",
+      "integrity": "sha512-xmLk3wLkbizPAiLyomjgFFosf2ys9b5Ghb+oh/k2tnvipNz8OFrQOiTcWCzyK7MpBp9KkyGtfvgfLUivbmuGYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.2.1.tgz",
+      "integrity": "sha512-6u4vXBlIBAC1wMplIZgpyPn7uh/s4Bf6F5bMzvLv+EdJ0aHs/+4B7Ygv864EStQSjRbsRzTko/kUG1A1IejQ3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^8.2.1"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.2.1.tgz",
+      "integrity": "sha512-FIGIuq3AWReEpbAHY/cRGeHDfI0qOb8OCQ3YjbEAX04uaxIDbGc9rhkbVcG7rnfHPXE3RsU5KrWOu9V/okd8AQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^8.2.1",
+        "birpc": "^2.6.1",
+        "hookable": "^5.5.3",
+        "perfect-debounce": "^2.0.0"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.2.1.tgz",
+      "integrity": "sha512-Fkac7lUdGReh6pVOi3AYPRGe82LQqRmAfThW7RRligOAP0ZA/Z1z9XLHDM9dv34pV2HRc79DK8uKPeG2fLnA/g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.3.11.tgz",
+      "integrity": "sha512-QJmpliwAVpC/OxubIByPAhNzsQPRc8/gxlN2qnVzVfIMjMDz/9RnXRFoetjz5yEgXVXyp4LqhXq3V53PjmNzFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.2.1",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.4"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.42.tgz",
+      "integrity": "sha512-TzNNfKpb7hDxbQltwAut8VDQA5YP+BuRlxntHUuRjyKwlMvmAPbs3unhCvieijifY6vFfVBwsS7wG/C7uq+bEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.42.tgz",
+      "integrity": "sha512-9uACtuHs7vJGkm5Bp3xu4xRDLFTIYy5DgxpToVjqGIAhAEKwQfsaLvKINhM6nFVp6bZPRFGdDqd1g52MqKsotA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.42.tgz",
+      "integrity": "sha512-rsCmhiWLaRxGltLwhlCWyYkFn7WAbKRh0q17eZ1A6Dq6eqc2ACQ61IIryxz0LrsvCzHSilLA9JHovVwM8CNE2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.42",
+        "@vue/runtime-core": "3.5.42",
+        "@vue/shared": "3.5.42",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.42.tgz",
+      "integrity": "sha512-2++5dUyYS4gvo7xQXSECUDhB7TS0aOl5SeVfC5qSq1Jgfhjvegw1zqhwTIR3imZ+QYPJQw9gfcFvXGAjGZ7ajQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.42",
+        "@vue/runtime-dom": "3.5.42",
+        "@vue/shared": "3.5.42"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.42.tgz",
+      "integrity": "sha512-2rPxex1jQf4jvl9MOHl6YaXCPcrNqz/FstMOEh3QWY+/OME9nQTvl9WYeCwhW7AFjaR0SnngZGlp/wkR6rkI6g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.9.1.tgz",
+      "integrity": "sha512-buvjm+9NzLCJL29KY1j1991YYJ5e6275OiK+G4jtmfIb+z4POywbdm0wXusT9adVWqe0xqg70TbI7+mRx4uU9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 5.8",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
+      "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.2.1.tgz",
+      "integrity": "sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ast-kit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
+      "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "pathe": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/ast-walker-scope": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.9.0.tgz",
+      "integrity": "sha512-IJdzo2vLiElBxKzwS36VsCue/62d6IdWjnPB2v3nuPKeWGynp6FF/CYoLa5i/3jXH/z97ZDdsXz6abpgM6w07A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@babel/types": "^7.29.0",
+        "ast-kit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.1.1.tgz",
+      "integrity": "sha512-9U/jZUgjnSGyntRr6y5Muu1MJcwFl6kPu7k8qLF0IMNfLqvw0NZ4nnVDq0RVoZ0RvCyumib4Ez3KYrVfilrw+g==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/immutable": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
+      "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
+      "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==",
+      "devOptional": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.33.0",
+        "lightningcss-darwin-arm64": "1.33.0",
+        "lightningcss-darwin-x64": "1.33.0",
+        "lightningcss-freebsd-x64": "1.33.0",
+        "lightningcss-linux-arm-gnueabihf": "1.33.0",
+        "lightningcss-linux-arm64-gnu": "1.33.0",
+        "lightningcss-linux-arm64-musl": "1.33.0",
+        "lightningcss-linux-x64-gnu": "1.33.0",
+        "lightningcss-linux-x64-musl": "1.33.0",
+        "lightningcss-win32-arm64-msvc": "1.33.0",
+        "lightningcss-win32-x64-msvc": "1.33.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz",
+      "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz",
+      "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz",
+      "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz",
+      "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz",
+      "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz",
+      "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz",
+      "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz",
+      "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz",
+      "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz",
+      "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz",
+      "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.2.1.tgz",
+      "integrity": "sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/magic-string-ast": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-1.0.3.tgz",
+      "integrity": "sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==",
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.19"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nostics": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/nostics/-/nostics-1.2.0.tgz",
+      "integrity": "sha512-FGqEfhQjrvo1lL8KFifdTQiNwwQHJxC1jtYE1Rc54qF/jxONUNL+kC9gS1krX8Q65PgrQ5fCqH/I4NhWBvdSqg==",
+      "license": "MIT"
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
+      "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-4.0.3.tgz",
+      "integrity": "sha512-XMQqpvjgG7LMqVhhFUzKLT4KEbsYbfZZ0CZU9PgdFm1O2VKBmIkykL8+SfNhOaT7sR0wT6BEgKT0YNDYWgmVRA==",
+      "license": "MIT",
+      "dependencies": {
+        "nostics": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/devtools-api": "^8.1.5",
+        "typescript": ">=5.6.0",
+        "vue": "^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "@vue/devtools-api": {
+          "optional": false
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.1.tgz",
+      "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.4",
+        "exsolve": "^1.0.8",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz",
+      "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.17",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz",
+      "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.6.tgz",
+      "integrity": "sha512-vMM4q3aixf46GiF1Kok8jDPFsEpXgFWGjUHXNkNHNm+Y2adXAG2dbX91jkti3i0ZRsOlcmbuzAz1poObSHCmUA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.147.0",
+        "@rolldown/pluginutils": "^1.0.0"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm-eabi": "1.2.6",
+        "@rolldown/binding-android-arm64": "1.2.6",
+        "@rolldown/binding-darwin-arm64": "1.2.6",
+        "@rolldown/binding-darwin-x64": "1.2.6",
+        "@rolldown/binding-freebsd-x64": "1.2.6",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.2.6",
+        "@rolldown/binding-linux-arm64-gnu": "1.2.6",
+        "@rolldown/binding-linux-arm64-musl": "1.2.6",
+        "@rolldown/binding-linux-ppc64-gnu": "1.2.6",
+        "@rolldown/binding-linux-s390x-gnu": "1.2.6",
+        "@rolldown/binding-linux-x64-gnu": "1.2.6",
+        "@rolldown/binding-linux-x64-musl": "1.2.6",
+        "@rolldown/binding-openharmony-arm64": "1.2.6",
+        "@rolldown/binding-win32-arm64-msvc": "1.2.6",
+        "@rolldown/binding-win32-x64-msvc": "1.2.6"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.103.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.103.1.tgz",
+      "integrity": "sha512-9icZURbP51S6S0QGoyaeqk9uB06GNWxsFYWfH5RgpFgqK5FA8tJcM3AdVxrZEVJ7dz+L87nG95gBKf4VuaMHGw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^5.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "license": "MIT"
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
+      "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.24.6",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+      "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/unplugin": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.3.0.tgz",
+      "integrity": "sha512-qa66K+crbfyE6JK10GjvbJeRrOsuC/JpbnHctfyp/i4oBTxWOzJfRZyDiOk1PtErMFRu8JhsU/wPvOdBNWe5Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "picomatch": "^4.0.4",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "@farmfe/core": "*",
+        "@rspack/core": "*",
+        "bun-types-no-globals": "*",
+        "esbuild": "*",
+        "rolldown": "*",
+        "rollup": "*",
+        "unloader": "*",
+        "vite": "*",
+        "webpack": "*"
+      },
+      "peerDependenciesMeta": {
+        "@farmfe/core": {
+          "optional": true
+        },
+        "@rspack/core": {
+          "optional": true
+        },
+        "bun-types-no-globals": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        },
+        "unloader": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.2.tgz",
+      "integrity": "sha512-xVToRh2CTmLk2HnEG7ac4rl1MJTT3RFkpS8B++/SnB0kXvuaavD+n3m/vrzyWQOdJNSZQACnbz01pnppbwV5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/vite": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.2.tgz",
+      "integrity": "sha512-cFKLV/PRgAUlIRm5WjMjJ86jrftzpqcgH+Us+DS8mI3CDNiH30Whrz8uHL3+MOLPAgqbMBAqWdAHAphOAM+z/Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.33.0",
+        "picomatch": "^4.0.5",
+        "postcss": "^8.5.26",
+        "rolldown": "~1.2.4",
+        "tinyglobby": "^0.2.17"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.4.0 || ^0.5.0",
+        "esbuild": "^0.27.0 || ^0.28.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.2.0.tgz",
+      "integrity": "sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.42.tgz",
+      "integrity": "sha512-4RyHQTbQvOPs3MfvUO1Sg0YRrKNnA0mAVtvpd12Tg1fKDN7OHBUl1IqSn8zGJjK9nI3NkNp8cgTpVrSZC5TTcA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.42",
+        "@vue/compiler-sfc": "3.5.42",
+        "@vue/runtime-dom": "3.5.42",
+        "@vue/server-renderer": "3.5.42",
+        "@vue/shared": "3.5.42"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-5.3.0.tgz",
+      "integrity": "sha512-a2PBXX9yfkS58JzSJALUffgDa09lEzKmCcEnLaepoIr88L+9hEnsgEQkcadJGID+vtHa0gFpVo064zmylA9fcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue-macros/common": "^3.1.3",
+        "@vue/devtools-api": "^8.1.5",
+        "ast-walker-scope": "^0.9.0",
+        "chokidar": "^5.0.0",
+        "confbox": "^0.2.4",
+        "local-pkg": "^1.2.1",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.2",
+        "muggle-string": "^0.4.1",
+        "nostics": "^1.1.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.5",
+        "scule": "^1.3.0",
+        "tinyglobby": "^0.2.17",
+        "unplugin": "^3.3.0",
+        "unplugin-utils": "^0.3.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@pinia/colada": ">=0.21.2",
+        "@vue/compiler-sfc": "^3.5.34 || ^4.0.0",
+        "pinia": "^3.0.4 || ^4.0.2",
+        "vite": "^7.3.0 || ^8.0.0",
+        "vue": "^3.5.34 || ^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@pinia/colada": {
+          "optional": true
+        },
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.3.11.tgz",
+      "integrity": "sha512-gOb0B9rtU2+f1dszwPqSH5kAieIF9ReeLhD3kSRNHv5WZZUQz/JdVXW0RTdqhNTMlQkqKzrTTviqKr/4FYZraQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.28",
+        "@vue/language-core": "3.3.11"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/src/main/podcast/package.json b/src/main/podcast/package.json
new file mode 100644
index 00000000..f04e6207
--- /dev/null
+++ b/src/main/podcast/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "podcast",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "pinia": "^4.0.3",
+    "vue": "^3.5.41",
+    "vue-router": "^5.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.19.2",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/tsconfig": "^0.9.1",
+    "sass": "^1.103.1",
+    "typescript": "~6.0.2",
+    "vite": "^8.2.2",
+    "vue-tsc": "^3.3.11"
+  }
+}
diff --git a/src/main/podcast/public/dbt-logo.svg b/src/main/podcast/public/dbt-logo.svg
new file mode 100644
index 00000000..29aefb6c
--- /dev/null
+++ b/src/main/podcast/public/dbt-logo.svg
@@ -0,0 +1,157 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 383.95559 149.07454"
+   height="149.07454"
+   width="383.9556"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dbt-logo.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1216"
+     inkscape:window-height="819"
+     id="namedview3520"
+     showgrid="false"
+     inkscape:zoom="1.007929"
+     inkscape:cx="310.55866"
+     inkscape:cy="229.70189"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g12"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path16"
+         d="m 0,595.28 841.89,0 L 841.89,0 0,0 Z"
+         inkscape:connector-curvature="0" /></clipPath></defs><g
+     transform="matrix(1.3333333,0,0,-1.3333333,-0.50185332,792.44998)"
+     id="g10"><g
+       id="g12"><g
+         clip-path="url(#clipPath18)"
+         id="dbt"
+         transform="translate(-276.06111,228.4387)"
+         inkscape:label="#dbt"><g
+           transform="translate(283.6035,260.4043)"
+           id="g20"><path
+             id="spiracle"
+             style="fill:#d9dadb;fill-opacity:1;fill-rule:evenodd;stroke:none"
+             d="m 0,0 c 0,0 -2.368,-1.63 -3.499,3.271 -1.984,8.597 10.555,46.111 67.214,74.11 46.941,23.196 80.099,28.086 88.629,14.33 C 159.177,80.689 141.613,49.955 112.878,34.39 81.132,17.194 37.92,5.51 28,18.075 c -11.902,15.077 18.079,36.82 33.291,44.536 15.211,7.716 53.88,23.495 61.552,13.198 5.974,-8.021 -16.578,-25.765 -26.279,-31.057 -9.699,-5.291 -37.377,-13.534 -40.785,-8.816 -2.867,3.967 6.173,12.786 16.094,17.856 9.92,5.071 18.298,6.835 20.503,5.071 2.204,-1.765 1.627,-4.295 -2.109,-7.372 -3.658,-3.013 -9.796,-6.739 -9.796,-6.739 0,0 5.005,1.848 10.285,4.3 6.828,3.169 13.525,9.811 10.219,14 -2.541,3.219 -17.638,0.22 -31.308,-6.835 C 55.549,48.93 44.362,37.838 47.841,30.644 c 3.308,-6.833 31.581,-5.783 52.692,7.275 20.972,12.971 34.98,26.591 31.775,39.206 C 129.287,89.014 91.697,82.27 58.864,64.154 32.777,49.759 11.92,25.722 23.15,11.686 35.496,-3.748 79.368,4.188 117.95,25.352 156.38,46.434 171.552,79.549 160.307,95.866 150.174,110.57 112.028,104.189 62.172,80.247 17.639,58.863 -9.23,17.158 -4.6,1.725 c 1.415,-4.721 1.763,-3.088 1.763,-3.088 z"
+             inkscape:connector-curvature="0" /></g><g
+           transform="translate(329.5156,338.0215)"
+           id="g24" /><g
+           transform="translate(369.6021,352.6528)"
+           id="g28" /><g
+           transform="translate(300.0264,313.4209)"
+           id="g32" /><g
+           transform="translate(403.8813,361.3198)"
+           id="g36" /><g
+           transform="translate(276.4375,258.6689)"
+           id="g40" /><g
+           transform="translate(291.0215,239.4199)"
+           id="g44" /><g
+           transform="translate(309.4912,234.3662)"
+           id="g50" /><g
+           transform="translate(328.2915,242.2764)"
+           id="g56" /><g
+           transform="translate(338.125,234.0039)"
+           id="g60" /><g
+           transform="translate(356.1152,235.0264)"
+           id="g66" /><g
+           transform="translate(371.3359,232.3633)"
+           id="g70" /><g
+           transform="translate(390.2725,234.2588)"
+           id="g76" /><g
+           transform="translate(413.3384,234.2012)"
+           id="g84" /><g
+           transform="translate(426.2412,242.2764)"
+           id="g88" /><g
+           transform="translate(429.8291,242.2764)"
+           id="g92" /><g
+           transform="translate(448.1855,235.0264)"
+           id="g96" /><g
+           transform="translate(453.3467,242.2764)"
+           id="g100" /><g
+           transform="translate(470.3311,242.2764)"
+           id="g104" /><g
+           transform="translate(484.0664,242.2764)"
+           id="g108" /><g
+           transform="translate(507.6172,238.8008)"
+           id="g114" /><g
+           transform="translate(521.2813,238.8008)"
+           id="g120" /><g
+           transform="translate(536.1094,234.3662)"
+           id="g124" /><g
+           transform="translate(551.3955,235.0264)"
+           id="g128" /><g
+           transform="translate(556.5566,238.8008)"
+           id="g132" /><g
+           transform="translate(352.6157,286.873)"
+           id="g136"><path
+             id="d"
+             style="fill:#1a171b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+             d="m 0,0 c 0.19,6.272 6.735,9.407 19.634,9.407 l 31.586,0 0,11.826 24.471,0 0,-51.198 -56.057,0 c -12.993,0 -19.538,3.046 -19.634,9.137 z m 31.017,-2.218 c -4.268,0 -6.403,-0.983 -6.403,-2.954 l 0,-10.212 c 0,-1.973 2.041,-2.959 6.119,-2.959 l 20.344,0 0,16.125 z"
+             inkscape:connector-curvature="0"
+             inkscape:label="#dbt_d" /></g><g
+           transform="translate(461.5791,284.6553)"
+           id="g140"><path
+             id="b"
+             style="fill:#1a171b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+             d="m 0,0 0,-16.125 20.343,0 c 4.081,0 6.121,0.985 6.121,2.959 l 0,10.212 C 26.464,-0.983 24.327,0 20.06,0 Z m 51.076,2.218 0,-20.828 c -0.095,-6.091 -6.639,-9.137 -19.636,-9.137 l -56.055,0 0,51.198 24.473,0 0,-11.826 31.582,0 c 12.902,0 19.448,-3.135 19.636,-9.407"
+             inkscape:connector-curvature="0"
+             inkscape:label="#dbt_b" /></g><g
+           transform="translate(541.6602,256.9082)"
+           id="g144"><g
+             id="brand_color"><path
+               inkscape:connector-curvature="0"
+               d="m 0,0 c 0,6.069 4.921,10.988 10.989,10.988 6.07,0 10.988,-4.919 10.988,-10.988 0,-6.068 -4.918,-10.987 -10.988,-10.987 C 4.921,-10.987 0,-6.068 0,0"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="dot3"
+               transform="translate(-212.1446,81.1133)" /><path
+               inkscape:connector-curvature="0"
+               d="m 0,0 c 0,3.793 3.075,6.869 6.868,6.869 3.794,0 6.868,-3.076 6.868,-6.869 0,-3.794 -3.074,-6.867 -6.868,-6.867 C 3.075,-6.867 0,-3.794 0,0"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="dot4"
+               transform="translate(-172.0581,95.7446)" /><path
+               inkscape:connector-curvature="0"
+               d="m 0,0 c 0,3.794 3.076,6.869 6.869,6.869 3.794,0 6.868,-3.075 6.868,-6.869 0,-3.794 -3.074,-6.869 -6.868,-6.869 C 3.076,-6.869 0,-3.794 0,0"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="dot2"
+               transform="translate(-241.6338,56.5127)" /><path
+               inkscape:connector-curvature="0"
+               d="M 0,0 C 0,2.528 2.051,4.579 4.579,4.579 7.109,4.579 9.157,2.528 9.157,0 9.157,-2.529 7.109,-4.579 4.579,-4.579 2.051,-4.579 0,-2.529 0,0"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="dot5"
+               transform="translate(-137.7789,104.4116)" /><path
+               inkscape:connector-curvature="0"
+               d="M 0,0 C 0,2.529 2.05,4.579 4.579,4.579 7.108,4.579 9.158,2.529 9.158,0 9.158,-2.526 7.108,-4.576 4.579,-4.576 2.05,-4.576 0,-2.526 0,0"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="dot1"
+               transform="translate(-265.2227,1.7606972)" /><path
+               inkscape:label="#dbt_t"
+               inkscape:connector-curvature="0"
+               d="m 0,0 c -13.564,0 -20.345,2.888 -20.345,8.668 l 0,42.329 24.613,0 0,-11.625 18.476,0 0,-11.625 -18.476,0 0,-13.84 c 0,-1.52 1.234,-2.285 3.698,-2.285 l 14.634,0 L 22.6,0 Z"
+               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               id="path146" /></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/src/main/podcast/public/favicon.png b/src/main/podcast/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e1c847c11467265983f01eaf4250e744a27fd35
GIT binary patch
literal 3647
zcmV-F4#4q=P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS00009a7bBm0005l0005l0s35~asU7T8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H14ZKN2K~#90?VEXAR9BYAzqJ4Yf+(`8xG@^G*xDv>Tw;vcW+Cp{
z-Q$wTm^M)-leQT&YV0wXn9;;&>=?VF&P+zfXw*bRjTlXEi6jyCMp0Wp6huH4DL^PV
z^G8vaDyj+!$A#|B@AG+|&%5_5_ndS0ckhG0b7&f*^}tXd9B_T`=G;@{0bc<(oE3Ny
zxD3eO&{GX8!&I@2Vkl7A0t~)i&lYT3JJe-*1L;7ZMx)^u6Q|K{STvqqZJG*Ni$#sm
z$kof|*}8T)g*UF7v!?^=8}e#^SYSE83sYw@=(%wZ%+UJ{LuoPZ{VoQ>?Gk`2pc_zY
z$)f}Q0|;sB7s#(>&qJ%#I#gI$Za|~eHp*j0g`o_cPKU+`UQ37wmE~m^tE-%TbUMA=
za$Mb7q0zvlv#9_+z%C%yl1C3j0CedQflg;TR)`3Pc7M*{-P<TFDn#$%LPXyIL{E8@
zHtpJ5@z&PX@@>Lr9ND{rvXUZPT-}I#d>}7Od6m{}+BWKV)tyTAZeB;~p(HBH4b2Lg
z-o;gw<K@%Niq<vkQOjfmkZL81DKhx9_qVJ3%l}->v80_UZLF^5^s#Trx|GJhzVk7j
z-ad-9?T_zqJb9l=S6AKP<dFkhy?lY!-u?)8PcOS=)YKSRw{$L<7tT53uMLdVRh&9{
zkgJ!@^V&Nf<I%dloOb>}maI0lpr>whwAZY2GB1;|KLLQ?&RrPw;xy7uq>`MNKykrM
z4(!;($d_gTkaaOlIp3vi5M#riBsC|U<cw1k-nh=U30rvf*VFAfka}ppaz5(uCm23%
zBCR|;oOHgL?~=aa$X9!~bu*W5c5deRNxxBajmB#5w{f!3`SIeJ<A?|VE4L@mEi4>>
zn4yC>lX8so(?0;F0GQrQ_^)vb=;-Z7tq7ww&f|Q3Ch4btbQpm2Qzls--}ZdGd%x4p
zn=#=xuQGMe6P!PJg7nirSOuUdG&(|6S5>KZ-++MncmIGo`W=;LtTyrLG+KP!y-mtB
z8hkyxZFn2PEbHOrg`2y()5e>j(P(I=Y^rL4+Zv6wfKH*0sQ1M){+XD#`J|=(Nb>Go
zb@Z@$-tH#e8mT32-x{X(eSzcGFYw*fvjBux@Y*Zq{D~BDGBa2;e=Z}ZzJyz=R!%u!
zG*)wT-&Y*lzpt*GN1BkZMxz1f+3PX7^o%4k{Tzq(Bywm^V!fb?3q!|DQt61k1L)YT
z2iLA#Wbefk_Fha;G#58FhK&BT!*co$A4N*iE=r3F+4$iKHh#FGSx%^OT-|tj^rWU4
zEzoEe&}cNg82c7Idp%~A@7>mymtx}y?h;zBNT*|3+}ngk^tR&lY41-=+&lOOhd3<9
z!^@kO7cL{PQ`cr0Z&i-3AJgKN5YVx6v*a|G*2)YWGl>zujB&`AcP)#X*R$|w?M>$%
z5$Ii99P-}C&LBT08&9t`bnX#>PT%BS1Td{Rvj1{{;)0vaa>CQw$Fz>IQ;y+w35#DI
zYfjDqKCq-aXBiOCv9r_B4eZqQu4+@G(GU_E*64U~uhG19>faz#7jXA%?Qo^`*9@tx
zrKlj!oOIj;Dhy>*7|I@?X)OaP0AXQaL`FtFOk3^??%cUULPCN=x(dM9v13`XWXS_D
z>OrEQpa4HVKZo?c`$6!h06c619yWdoz{57+VdI_#z+f<N{`~oSsq(&~Spm3m<qGNP
z=?>|`h7BV;Je&<1Hdy6nWMs71z&IU%<m6-`A|i;4j3g~B&4zyc`gKxLOy2-*+^9c}
zyLs~_QBhGuMMbf7>(+Z<^1X#qyTNnk&M|uQXeui!(d+f-?QA;_A3m(!2MidX-gP=1
zTCJ9vni{4~or=G|KTkdN)Lk1aB5c~UiKL_?Dl01iXy3j)F)=ap?c4Y6bON$q!2+>|
zYuBzxNJxkPqS0t%{rdHG`DV_XDS)`Tx{ASIu%aC}a6nvLT?G(tZ*Mtu>Xcm_&S3uh
z`F79$^m@G{CnwwR=jZ2J^8L110VpXckzT!eDFyNI@eU1(ii#3I`uFc|m%ef1M$u?A
z0!VOhuw-UtHrx5?>S}R!cNaj~`T0v&?>-XNyN|fKxd|YnMvc0+0hlytk`kUVV}?V+
zZr!>iTCG+9nLBr`L%#U<c%^Uf;K2_0%F4=Q_3G6!Z{9pPc<`Xg-?L|rlArs*YB_E&
z%5j5H20rtg0Me;bC%JU#k_y(kb?YQ1Cg$z~(7ShU0Yt0S%83&v92&f9*Dh5^Vq&60
zzO1Y)@$~c*K>Ymt?DAx1XG_nXJ*}Ge<jIqzPoF+kd5hMrQvnz@cD%~hYPB+A#0VKU
zaG<@e(!2m{*|No|*=A*B*)=*YE>0C*SXgM6r?9Y4!o$OrG4H?sz75Z{Yu6++G_>9s
zozBJyjYcDn4;d<7U%jCMu;Jhl>Dn{Q{@CE+VwwI1u=(EJ=peXs=~AU2EG*2fgZ=vT
z6F_?P>Sb3)MMZ^GjX3H~Lxv1dJmaR%kT1`sOF+j?roppqJDIh3iR`(UsT^<kY(0KP
zCcZLDjS2mR4wnPjdGhl?gDr!wv{?ZV5t%h>mQpZq;6SOWs#3J_@^Ur8&z?QouKc)h
z<COfEF=NDNG}`c34pz_oYLfg|RxQU3Mmdn3C(Ac)lW%hi9Xj6d*>fpNR`1*+-<MR%
zaf49~-z<?HkE+4^f~E6LtpirAT19SdE<1MY;K-3996fqe&E+X6DOA-RM-3V@$VT?!
z#fxm;z8x^F4>oPugifck;q&zLM6cIlG#a^h_B6$X1+;DNN1JxO3>i7vhX3m2OBCeh
zqSfi>(6uXmLBWdVAKU@|;0`MNm$W~VlbLBw7B$q>WD77i<7v~T$%F|LtmgSOYu2d#
zpOcegBWE-kW%~5#GJgDchvS18v9YnL6+As^j7`lR$uE^zi<d}HNN1bA-m}-wB!0uE
z^26;aE1B<0D#b4-*vwZ8MBh~a93d|+PbN;BC?9?F(Ot<~A|oS1IW%PCXe&o{oIWpI
zdOXtPg{c0+N60rh1y-{D9XgunIoN6S|E~btODtHhKsoZKecvbt_Fld!{=pp-Eiy7v
zR;*Yd`}gmc-Me?oqD6}&FfdTjdk+{W$BN38eC+ZMEQ2(r#RVWKDM=PCTqyqj{sPF)
z`VX+G!2u(lRSvxI#v4*oQ)8o}w6s*BqoeC*nuWht^55Muh*ujQGwlqp5a?wNKn);q
zad8j9b&)sUeAA{G&w2MfW&D39A5-~Lrc7y6S4BmIT9SLT_L4(+#Y)e!zx=0$<x~Ts
z0d4{^e*E|c<Z?ZVi;G29x7cxYa}#f$wi40zF{?g2_4Qaa$Yy6}H>q>SjvdO$Wt+At
zJ)6HjDV@59inmW&%LUe-0rmkB5D*|`Wn~Y*?Ruo9rYd9K{h!b5&guP!k7#s})ez<7
z<!WE@@*8j3)j9RI|7I??Mhk2M$ji%P@#4h|$A|lh+S>X%i;j-aZ<iDU;Opz_lumbd
zcRW2k0VplDneqWFkM^~C;8WmtK+omNmy@5L&nvII(&%Z5hldA&fq_<eMMXupy1J^u
z0n>SZb~Z+%(XO7HoE-I@do_#e8CPiMAAq}sj<)Shc4TK~JG93Vw{G3y_U+pM`1)I4
z{VOfH#qHu^3UXDs)#jH+fdZPCW6h67qmj*<H>+lsmX;>&?(Py46eJ}jB`SZ;oH<VE
zvwS?gyd@#+vTCj~fB%-EojiH6$u6*V?OMgZCUKwA^WhhX_BK~XEd$g8_}W=RLqkK~
z7Ljfu(rx6(krV0yQ?+vC$|ubEK0ZE)%?$t`)8{QzhJSJ9g6Q;m0p!UipS0SCG(>K0
zt^@@I2_XK#9VDf=qJAv-#WM}dxdHUCcZIw=5Cz!3I%>jAO!sbUEb;~cC79+}GrWNp
z08gAlEbtFqdOX7CC(f!%j_<xcn{A)01>pJTpJ&5{4fr=`-sjGpW8%b#>g)5r|7io!
zlcoYtTv))fp&{lgbYBCjfWvk6wkZ4ybv3l~)6J^(juzaO@SpcpwddvKC6gylmSxM9
zNql^~L`O%f=@gKWQ>R&v`me`Y*8D#{H1C{12TU6l=`(PUl@o{Zie$*h(T#Q;txhM?
zV&_?Hh<+%&Bc5K~W}fRbI0|TKM`Q0&cXv4?w1*YJqqP^yH*ez)343{Z)EGRyycNwi
zAdpcn#_-wqCz-W)iPgPljaEyi?%mDFVBj@Ny>@>ic}Va8N&(&DLx!?)+fH1YxGie9
zU5Z}s(&Y8p{M;O-4}Xg58CL+#Vw&}Umem4kF*Q>vE6UZ{A^r3z{;+5P=TDxn5%Bc#
zw(I=SeS7(2X*`8_rW2~_J9jMa5ZBlUv>^Nui!JR3+jgq{tI=p=aP&x7zImG*$uG58
z-X6%#lSLnYA`yKbQ)5D>?xC_KabLp^C^H_OdrhMib$gS>p0@4%WNYdf<@~b${ajpI
zwQ^>SVRH$&C3OKX{kk^__@Y7HJWQ>l44|kWpOpPcis8VQ+o`HMC&aYCS%PV<m%6-K
z;B8Fz1g+roRoMrKN?<H700_afT)kRHdkfQ4Muo+HMHL41o&ofvevQ8#(}#}}fbEg?
zUn#EPxQTCnh;}_NOaQ8|b-oa2_D#>0v<_$v!hvU~->+l<Ut;=U`X@98{|9iVt0e0(
RFu4E#002ovPDHLkV1f_*FU$Y{

literal 0
HcmV?d00001

diff --git a/src/main/podcast/src/App.vue b/src/main/podcast/src/App.vue
new file mode 100644
index 00000000..b43021d3
--- /dev/null
+++ b/src/main/podcast/src/App.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import Player from './components/Player.vue'
+import { usePlayerStore } from './stores/player'
+
+const playerStore = usePlayerStore()
+</script>
+
+<template>
+  <RouterView />
+
+  <Player v-if="playerStore.episode"/>
+</template>
diff --git a/src/main/podcast/src/components/EmptyState.vue b/src/main/podcast/src/components/EmptyState.vue
new file mode 100644
index 00000000..7d7a02d2
--- /dev/null
+++ b/src/main/podcast/src/components/EmptyState.vue
@@ -0,0 +1,29 @@
+<!-- EmptyState.vue -->
+
+<script setup lang="ts">
+withDefaults(
+    defineProps<{
+      title?: string,
+      description?: string,
+    }>(),
+    {
+      title: 'Keine Daten gefunden',
+      description: 'Passen Sie den Suchbegriff an.',
+    }
+)
+</script>
+
+<template>
+  <div
+      class="alert alert-light border text-center py-5"
+      role="status"
+  >
+    <h2 class="h5">
+      {{ title }}
+    </h2>
+
+    <p class="text-body-secondary mb-0">
+      {{ description }}
+    </p>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/main/podcast/src/components/ErrorState.vue b/src/main/podcast/src/components/ErrorState.vue
new file mode 100644
index 00000000..da117701
--- /dev/null
+++ b/src/main/podcast/src/components/ErrorState.vue
@@ -0,0 +1,17 @@
+<!-- ErrorState.vue -->
+<template>
+  <div
+      id="podcast-error"
+      class="alert alert-warning"
+      role="alert"
+  >
+    <h2 class="h5 alert-heading">
+      Podcastdaten konnten nicht geladen werden
+    </h2>
+
+    <p class="mb-0">
+      <slot>Unbekannter Fehler</slot>
+    </p>
+  </div>
+
+</template>
diff --git a/src/main/podcast/src/components/LoadingState.vue b/src/main/podcast/src/components/LoadingState.vue
new file mode 100644
index 00000000..db60de29
--- /dev/null
+++ b/src/main/podcast/src/components/LoadingState.vue
@@ -0,0 +1,19 @@
+<!-- LoadingState.vue -->
+<template>
+  <div
+      class="d-flex justify-content-center align-items-center gap-3 border rounded bg-light py-5"
+      role="status"
+      aria-live="polite"
+  >
+    <span
+        class="spinner-border text-success"
+        aria-hidden="true"
+    ></span>
+
+    <span>
+      <slot>
+        Wird geladen ...
+      </slot>
+    </span>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
new file mode 100644
index 00000000..f222619e
--- /dev/null
+++ b/src/main/podcast/src/components/Player.vue
@@ -0,0 +1,968 @@
+<script setup lang="ts">
+import { nextTick, ref, watch } from 'vue'
+import { usePlayerStore } from '../stores/player'
+
+const playerStore = usePlayerStore()
+
+const audioElement = ref<HTMLAudioElement | null>(null)
+
+const isLoading = ref(false)
+const audioError = ref(false)
+
+const imageLoaded = ref(false)
+const imageError = ref(false)
+
+const speedIndex = ref(1)
+const speeds = [0.75, 1, 1.25, 1.5, 2]
+
+const volume = ref(1)
+const previousVolume = ref(1)
+const isMuted = ref(false)
+
+watch(
+    () => playerStore.episode,
+
+    async episode => {
+      if (!episode) {
+        return
+      }
+
+      imageLoaded.value = false
+      imageError.value = false
+
+      audioError.value = false
+      isLoading.value = true
+
+      playerStore.currentTime = 0
+      playerStore.duration = 0
+
+      await nextTick()
+
+      if (!audioElement.value) {
+        return
+      }
+
+      audioElement.value.src = episode.audioUrl
+      audioElement.value.load()
+
+      audioElement.value.playbackRate = speeds[speedIndex.value]
+      audioElement.value.volume = volume.value
+      audioElement.value.muted = isMuted.value
+
+      try {
+        await audioElement.value.play()
+      } catch (error) {
+        console.error('Error playing audio:', error)
+
+        audioError.value = true
+        isLoading.value = false
+      }
+    },
+
+    {
+      immediate: true,
+    }
+)
+
+watch(
+    () => playerStore.isPlaying,
+    async (isPlaying) => {
+      const audio = audioElement.value
+
+      if (!audio) return
+
+      if (isPlaying) {
+        try {
+          await audio.play()
+        } catch (error) {
+          console.error('Error playing audio:', error)
+        }
+      } else {
+        audio.pause()
+      }
+    }
+)
+
+async function toggleAudio(): Promise<void> {
+  if (!audioElement.value) {
+    return
+  }
+
+  try {
+    if (audioElement.value.paused) {
+      await audioElement.value.play()
+    } else {
+      audioElement.value.pause()
+    }
+  } catch (error) {
+    console.error('Error playing audio:', error)
+    audioError.value = true
+  }
+}
+
+function skipBackward15(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  audioElement.value.currentTime =
+      Math.max(0, audioElement.value.currentTime - 15)
+}
+
+function skipForward15(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  audioElement.value.currentTime =
+      Math.min(
+          audioElement.value.duration || Infinity,
+          audioElement.value.currentTime + 15
+      )
+}
+
+function setSpeed(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  speedIndex.value++
+
+  if (speedIndex.value >= speeds.length) {
+    speedIndex.value = 0
+  }
+
+  audioElement.value.playbackRate =
+      speeds[speedIndex.value]
+}
+
+function toggleMute(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  if (isMuted.value) {
+    isMuted.value = false
+
+    volume.value = previousVolume.value
+
+    audioElement.value.muted = false
+    audioElement.value.volume = volume.value
+  } else {
+    if (volume.value > 0) {
+      previousVolume.value = volume.value
+    }
+
+    volume.value = 0
+    isMuted.value = true
+
+    audioElement.value.muted = true
+  }
+}
+
+function setVolume(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  audioElement.value.volume = volume.value
+
+  if (volume.value > 0) {
+    previousVolume.value = volume.value
+
+    isMuted.value = false
+    audioElement.value.muted = false
+  } else {
+    isMuted.value = true
+    audioElement.value.muted = true
+  }
+}
+
+function seekAudio(event: Event): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  const input = event.target as HTMLInputElement
+
+  audioElement.value.currentTime =
+      Number(input.value)
+}
+
+function handleTimeUpdate(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  playerStore. currentTime = audioElement.value.currentTime
+}
+
+function handleLoadedMetadata(): void {
+  if (!audioElement.value) {
+    return
+  }
+
+  playerStore.duration =
+      audioElement.value.duration
+}
+</script>
+
+<template>
+  <section
+      class="playlist-player"
+      aria-label="Podcast-Player"
+  >
+    <audio
+        ref="audioElement"
+        preload="metadata"
+        @play="playerStore.isPlaying = true"
+        @pause="playerStore.isPlaying = false"
+        @ended="playerStore.isPlaying = false"
+        @waiting="isLoading = true"
+        @playing="isLoading = false"
+        @canplay="isLoading = false"
+        @error="audioError = true"
+        @timeupdate="handleTimeUpdate"
+        @loadedmetadata="handleLoadedMetadata"
+    />
+
+    <div class="container playlist-player-inner">
+
+      <!-- Episode -->
+      <div class="playlist-player-track">
+
+        <div class="playlist-player-artwork">
+
+          <img
+              v-if="
+                playerStore.episode?.image &&
+                !imageError
+              "
+              :src="playerStore.episode.image"
+              :alt="`Cover von ${playerStore.episode.title}`"
+              :class="{
+                'is-loaded': imageLoaded
+              }"
+              @load="imageLoaded = true"
+              @error="imageError = true"
+          >
+
+          <span
+              v-if="
+                !imageLoaded ||
+                imageError
+              "
+              class="playlist-player-artwork-placeholder"
+              aria-hidden="true"
+          >
+            <i class="fas fa-headphones"></i>
+          </span>
+
+        </div>
+
+        <div class="playlist-player-copy">
+
+          <p
+              class="playlist-player-status"
+              aria-live="polite"
+              :data-tone="
+                audioError
+                  ? 'error'
+                  : isLoading
+                    ? 'loading'
+                    : playerStore.isPlaying
+                      ? 'playing'
+                      : ''
+              "
+          >
+            {{
+              audioError
+                  ? 'AUDIODATEI NICHT VERFÜGBAR'
+                  : isLoading
+                      ? 'WIRD GEPUFFERT …'
+                      : playerStore.isPlaying
+                          ? 'WIEDERGABE LÄUFT'
+                          : 'PAUSIERT'
+            }}
+          </p>
+
+          <p class="playlist-player-title">
+            {{ playerStore.episode?.title }}
+          </p>
+
+          <p class="playlist-player-context">
+            {{ playerStore.playlistTitle }}
+          </p>
+
+        </div>
+
+      </div>
+
+      <!-- Controls -->
+      <div
+          class="playlist-player-transport"
+          role="group"
+          aria-label="Wiedergabesteuerung"
+      >
+
+        <!-- Previous episode -->
+        <button
+            type="button"
+            aria-label="Vorherige Folge"
+            title="Vorherige Folge"
+            :disabled="
+              playerStore.currentEpisodeIndex <= 0
+            "
+            @click="playerStore.previousEpisode"
+        >
+          <i
+              class="fas fa-backward-step"
+              aria-hidden="true"
+          ></i>
+        </button>
+
+        <!-- Back 15 sec -->
+        <button
+            type="button"
+            aria-label="15 Sekunden zurück"
+            title="15 Sekunden zurück"
+            @click="skipBackward15"
+        >
+          <i
+              class="fas fa-rotate-left"
+              aria-hidden="true"
+          ></i>
+        </button>
+
+        <!-- Play / Pause -->
+        <button
+            class="playlist-player-play"
+            type="button"
+            :aria-label="
+              playerStore.isPlaying
+                ? 'Pause'
+                : 'Folge abspielen'
+            "
+            :title="
+              playerStore.isPlaying
+                ? 'Pause'
+                : 'Folge abspielen'
+            "
+            @click="toggleAudio"
+        >
+          <i
+              class="fas"
+              :class="
+                playerStore.isPlaying
+                  ? 'fa-pause'
+                  : 'fa-play'
+              "
+              aria-hidden="true"
+          ></i>
+        </button>
+
+        <!-- Forward 15 sec -->
+        <button
+            type="button"
+            aria-label="15 Sekunden vor"
+            title="15 Sekunden vor"
+            @click="skipForward15"
+        >
+          <i
+              class="fas fa-rotate-right"
+              aria-hidden="true"
+          ></i>
+        </button>
+
+        <!-- Next episode -->
+        <button
+            type="button"
+            aria-label="Nächste Folge"
+            title="Nächste Folge"
+            :disabled="
+              playerStore.currentEpisodeIndex >=
+              playerStore.episodes.length - 1
+            "
+            @click="playerStore.nextEpisode"
+        >
+          <i
+              class="fas fa-forward-step"
+              aria-hidden="true"
+          ></i>
+        </button>
+
+      </div>
+
+      <!-- Tools -->
+      <div class="playlist-player-tools">
+
+        <!-- Speed -->
+        <button
+            class="playlist-player-speed"
+            type="button"
+            aria-label="Wiedergabegeschwindigkeit ändern"
+            :title="`${speeds[speedIndex]}×`"
+            @click="setSpeed"
+        >
+          {{ speeds[speedIndex] }}&times;
+        </button>
+
+        <!-- Volume -->
+        <div class="playlist-player-volume">
+
+          <button
+              type="button"
+              :aria-label="
+                isMuted
+                  ? 'Ton einschalten'
+                  : 'Ton ausschalten'
+              "
+              :title="
+                isMuted
+                  ? 'Ton einschalten'
+                  : 'Ton ausschalten'
+              "
+              @click="toggleMute"
+          >
+            <i
+                class="fas"
+                :class="
+                  isMuted
+                    ? 'fa-volume-mute'
+                    : 'fa-volume-high'
+                "
+                aria-hidden="true"
+            ></i>
+          </button>
+
+          <input
+              v-model.number="volume"
+              type="range"
+              min="0"
+              max="1"
+              step="0.05"
+              aria-label="Lautstärke"
+              @input="setVolume"
+          >
+
+        </div>
+
+      </div>
+
+      <!-- Timeline -->
+      <div class="playlist-player-timeline">
+
+        <span>
+          {{ playerStore.formatTime(playerStore.currentTime) }}
+        </span>
+
+        <input
+            type="range"
+            min="0"
+            :max="playerStore.duration"
+            :value="playerStore.currentTime"
+            step="0.1"
+            aria-label="Wiedergabeposition"
+            :disabled="!playerStore.duration"
+            @input="seekAudio"
+        >
+
+        <span>
+          {{ playerStore.formatTime(playerStore.duration) }}
+        </span>
+
+      </div>
+
+      <!-- Close Button -->
+      <button
+          class="close-button"
+          type="button"
+          aria-label="Player schließen"
+          title="Player schließen"
+          @click="playerStore.closePlayer"
+      >
+        <i class="fa fa-times" aria-hidden="true"></i>
+      </button>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+/* =========================
+     Player
+   ========================= */
+
+.playlist-player {
+  position: fixed;
+  z-index: 1090;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  width: 100%;
+
+  background: #f0f3f1;
+  color: var(--bs-body-color);
+}
+
+.playlist-player[hidden],
+.playlist-player [hidden] {
+  display: none !important;
+}
+
+.playlist-player audio {
+  display: none;
+}
+
+
+/* =========================
+   Layout
+   ========================= */
+
+.playlist-player-inner {
+  display: grid;
+  grid-template-areas:
+    "track transport tools"
+    "timeline timeline timeline";
+  grid-template-columns:
+    minmax(12rem, 1fr)
+    auto
+    minmax(10rem, 0.7fr);
+
+  align-items: center;
+  gap: 0.35rem clamp(0.65rem, 2vw, 1.5rem);
+
+  padding-block: 0.65rem;
+}
+
+
+/* =========================
+   Track information
+   ========================= */
+
+.playlist-player-track {
+  display: flex;
+  grid-area: track;
+
+  min-width: 0;
+
+  align-items: center;
+  gap: 0.65rem;
+}
+
+.playlist-player-artwork {
+  position: relative;
+
+  flex: 0 0 3.25rem;
+  overflow: hidden;
+
+  width: 3.25rem;
+  height: 3.25rem;
+
+  border-radius: 0.25rem;
+  background: #dce7e1;
+}
+
+.playlist-player-artwork img,
+.playlist-player-artwork > span {
+  position: absolute;
+  inset: 0;
+
+  width: 100%;
+  height: 100%;
+}
+
+.playlist-player-artwork img {
+  display: block;
+
+  object-fit: cover;
+  opacity: 0;
+
+  transition: opacity 0.2s ease;
+}
+
+.playlist-player-artwork img.is-loaded {
+  opacity: 1;
+}
+
+.playlist-player-artwork > span {
+  display: grid;
+  place-items: center;
+
+  color: var(--bs-success);
+  font-size: 1.35rem;
+}
+
+.playlist-player-copy {
+  min-width: 0;
+}
+
+.playlist-player-status,
+.playlist-player-title,
+.playlist-player-context {
+  overflow: hidden;
+
+  margin: 0;
+
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.playlist-player-status {
+  color: var(--bs-secondary-color);
+
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.playlist-player-status[data-tone="playing"] {
+  color: var(--bs-success);
+}
+
+.playlist-player-status[data-tone="loading"] {
+  color: #9a6819;
+}
+
+.playlist-player-status[data-tone="error"] {
+  color: var(--bs-danger);
+}
+
+.playlist-player-title {
+  font-size: 0.95rem;
+  font-weight: 700;
+}
+
+.playlist-player-context {
+  color: var(--bs-secondary-color);
+  font-size: 0.75rem;
+}
+
+
+/* =========================
+   Buttons
+   ========================= */
+
+.playlist-player button {
+  display: inline-grid;
+  place-items: center;
+
+  flex: 0 0 auto;
+
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  border: 0;
+  border-radius: 50%;
+
+  background: transparent;
+  color: #34483e;
+
+  cursor: pointer;
+  line-height: 1;
+}
+
+.playlist-player button:hover:not(:disabled) {
+  background: #dce7e1;
+  color: var(--bs-success-text-emphasis);
+}
+
+.playlist-player button:disabled {
+  cursor: not-allowed;
+  opacity: 0.35;
+}
+
+.playlist-player button:focus-visible,
+.playlist-player input:focus-visible {
+  outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
+  outline-offset: 0.14rem;
+}
+
+
+/* =========================
+   Transport
+   ========================= */
+
+.playlist-player-transport {
+  display: flex;
+  grid-area: transport;
+
+  align-items: center;
+  justify-content: center;
+  gap: clamp(0.15rem, 0.8vw, 0.55rem);
+}
+
+.playlist-player .playlist-player-play {
+  width: 3rem;
+  height: 3rem;
+
+  background: var(--bs-success);
+  color: #fff;
+
+  font-size: 1.65rem;
+}
+
+.playlist-player .playlist-player-play:hover:not(:disabled) {
+  background: var(--bs-success-text-emphasis);
+  color: #fff;
+}
+
+.playlist-player .playlist-player-play > .fas {
+  font-size: 1.65rem;
+}
+
+.fa-play {
+  position: relative;
+  left: 3%;
+}
+
+
+/* =========================
+   Tools
+   ========================= */
+
+.playlist-player-tools {
+  display: flex;
+  grid-area: tools;
+
+  min-width: 0;
+
+  align-items: center;
+  justify-content: flex-end;
+  gap: clamp(0.25rem, 1vw, 0.65rem);
+}
+
+.playlist-player .playlist-player-speed {
+  width: auto;
+  min-width: 2.6rem;
+
+  padding-inline: 0.35rem;
+
+  border-radius: 0.25rem;
+
+  color: var(--bs-success-text-emphasis);
+
+  font-size: 0.78rem;
+  font-weight: 700;
+}
+
+
+/* =========================
+   Volume
+   ========================= */
+
+.playlist-player-volume {
+  display: flex;
+
+  min-width: 0;
+
+  align-items: center;
+  gap: 0.2rem;
+}
+
+.playlist-player-volume input {
+  width: clamp(2.25rem, 11vw, 8rem);
+}
+
+
+/* =========================
+   Range inputs
+   ========================= */
+
+.playlist-player input[type="range"] {
+  min-width: 5rem;
+  height: 1rem;
+
+  margin: 0;
+  padding: 0;
+
+  accent-color: var(--bs-success);
+
+  cursor: pointer;
+}
+
+.playlist-player input[type="range"]:disabled {
+  cursor: wait;
+  opacity: 0.55;
+}
+
+
+/* =========================
+   Timeline
+   ========================= */
+
+.playlist-player-timeline {
+  display: grid;
+  grid-area: timeline;
+  grid-template-columns:
+    3.25rem
+    minmax(0, 1fr)
+    3.25rem;
+
+  align-items: center;
+  gap: 0.5rem;
+
+  color: var(--bs-secondary-color);
+
+  font-size: 0.72rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.playlist-player-timeline input {
+  width: 100%;
+}
+
+.playlist-player-timeline > span:last-child {
+  text-align: right;
+}
+
+
+/* =========================
+   Close button
+   ========================= */
+
+.playlist-player .close-button {
+  position: absolute;
+  top: clamp(0.5rem, 1vw, 0.7rem);
+  right: clamp(0.5rem, 1vw, 0.7rem);
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: clamp(1.1rem, 2.2vw, 1.5rem);
+  height: clamp(1.1rem, 2.2vw, 1.5rem);
+  padding: 0;
+
+  border: 0;
+  border-radius: 50%;
+
+  color: var(--bs-danger);
+  background-color: rgba(var(--bs-danger-rgb), 0.1);
+
+  font-size: clamp(0.55rem, 1.3vw, 0.75rem);
+  line-height: 1;
+
+  cursor: pointer;
+
+  transition:
+      background-color 0.15s ease,
+      color 0.15s ease,
+      transform 0.15s ease;
+}
+
+.playlist-player .close-button:hover {
+  color: var(--bs-white);
+  background-color: var(--bs-danger);
+  transform: scale(1.08);
+}
+
+.playlist-player .close-button:active {
+  transform: scale(0.92);
+}
+
+
+/* =========================
+   Tablet
+   ========================= */
+
+@media (max-width: 767.98px) {
+  .playlist-player-inner {
+    grid-template-areas:
+      "track tools"
+      "transport transport"
+      "timeline timeline";
+    grid-template-columns: minmax(0, 1fr) auto;
+
+    gap: 0.3rem 0.5rem;
+
+    padding-block: 0.55rem;
+  }
+}
+
+
+/* =========================
+   Mobile
+   ========================= */
+
+@media (max-width: 575.98px) {
+  .playlist-player-inner {
+    grid-template-areas:
+      "track track"
+      "transport tools"
+      "timeline timeline";
+    grid-template-columns: minmax(0, 1fr) auto;
+
+    gap: 0.25rem 0.2rem;
+
+    padding-block: 0.45rem;
+  }
+
+  .playlist-player-artwork {
+    flex-basis: 2.75rem;
+
+    width: 2.75rem;
+    height: 2.75rem;
+  }
+
+  .playlist-player-context {
+    display: none;
+  }
+
+  .playlist-player-title {
+    font-size: 0.84rem;
+  }
+
+  .playlist-player-transport {
+    justify-content: flex-start;
+    gap: 0.1rem;
+  }
+
+  .playlist-player-transport button,
+  .playlist-player-volume button {
+    width: 1.85rem;
+    height: 1.85rem;
+  }
+
+  .playlist-player .playlist-player-play {
+    width: 2.6rem;
+    height: 2.6rem;
+  }
+
+  .playlist-player-tools {
+    gap: 0;
+  }
+
+  .playlist-player .playlist-player-speed {
+    min-width: 2.25rem;
+    height: 1.85rem;
+
+    padding-inline: 0.15rem;
+  }
+
+  .playlist-player-volume {
+    gap: 0;
+  }
+
+  .playlist-player-volume input {
+    width: clamp(2.25rem, 12vw, 3.75rem);
+  }
+
+  .playlist-player-timeline {
+    grid-template-columns:
+      max-content
+      minmax(0, 1fr)
+      max-content;
+
+    gap: 0.2rem;
+
+    font-size: 0.66rem;
+  }
+
+  .playlist-player input[type="range"] {
+    height: 0.8rem;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
new file mode 100644
index 00000000..397ef763
--- /dev/null
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -0,0 +1,241 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+
+import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts'
+import { usePlayerStore } from '../stores/player.ts'
+
+const playerStore = usePlayerStore()
+
+const props = defineProps<{
+  playlistMetadata: PodcastPlaylist
+}>()
+
+const openEpisodeGuid = ref<string | null>(null)
+
+function isCurrentEpisode(episode: PodcastEpisode): boolean {
+  return playerStore.episode?.guid === episode.guid
+}
+
+function buildPlayer(episode: PodcastEpisode): void {
+  playerStore.setPlaylist(
+      props.playlistMetadata.episodes,
+      props.playlistMetadata.title
+  )
+
+  playerStore.toggleEpisode(episode)
+}
+
+function formatDate(value: string): string {
+  return new Intl.DateTimeFormat('de-DE', {
+    day: '2-digit',
+    month: 'long',
+    year: 'numeric',
+  }).format(new Date(value))
+}
+
+function toggleEpisodeDetails(guid: string): void {
+  openEpisodeGuid.value =
+      openEpisodeGuid.value === guid
+          ? null
+          : guid
+}
+
+watch(
+    () => playerStore.episode?.guid,
+    guid => {
+      if (!guid) return
+
+      openEpisodeGuid.value = guid
+    },
+    {
+      immediate: true,
+    }
+)
+</script>
+
+<template>
+  <div class="episode">
+    <h2 class="visually-hidden">Folgen</h2>
+
+    <p
+        v-if="!playlistMetadata.episodes.length"
+        id="episode-empty"
+        class="alert alert-light border mb-0"
+    >
+      Für diesen Podcast sind noch keine Folgen vorhanden.
+    </p>
+
+    <div
+        id="episode-list"
+        class="accordion accordion-flush rounded-0"
+    >
+      <div
+          v-for="episode in playlistMetadata.episodes"
+          :key="episode.guid"
+          :id="`episode-item-${episode.guid}`"
+          class="accordion-item"
+          :class="{ 'is-current': isCurrentEpisode(episode) }"
+      >
+        <h2 class="accordion-header">
+          <button
+              class="accordion-button h5"
+              :class="{ collapsed: openEpisodeGuid !== episode.guid }"
+              type="button"
+              :aria-expanded="openEpisodeGuid === episode.guid"
+              :aria-controls="`episode-${episode.guid}`"
+              @click="toggleEpisodeDetails(episode.guid)"
+          >
+            {{ episode.title }}
+          </button>
+        </h2>
+
+        <div
+            :id="`episode-${episode.guid}`"
+            class="accordion-collapse collapse episode-collapse"
+            :class="{ show: openEpisodeGuid === episode.guid }"
+        >
+          <div class="episode-collapse-inner">
+            <div class="accordion-body">
+              <p class="small text-body-secondary">
+                <time>{{ formatDate(episode.pubDate) }}</time>
+              </p>
+
+              <div
+                  v-html="episode.description"
+                  class="description rich-description"
+              ></div>
+
+              <button
+                  class="episode-play-button btn btn-sm rounded-pill d-inline-flex align-items-center gap-1"
+                  type="button"
+                  :aria-pressed="isCurrentEpisode(episode) && playerStore.isPlaying"
+                  :class="isCurrentEpisode(episode)
+                  ? 'btn-success'
+                  : 'btn-outline-success'"
+                  @click="buildPlayer(episode)"
+              >
+                <i
+                    class="fas m-0"
+                    :class="isCurrentEpisode(episode) && playerStore.isPlaying
+                  ? 'fa-pause'
+                  : 'fa-play'"
+                    aria-hidden="true"
+                ></i>
+
+                <span>
+                  {{
+                    isCurrentEpisode(episode)
+                        ? playerStore.isPlaying
+                            ? 'Pause'
+                            : 'Fortsetzen'
+                        : 'Abspielen'
+                  }}
+                </span>
+
+                <span
+                    class="episode-play-separator"
+                    aria-hidden="true"
+                >
+                  &middot;
+                </span>
+
+                <span>
+                  {{
+                    isCurrentEpisode(episode)
+                        ? playerStore.formatTime(playerStore.remainingTime)
+                        : episode.duration
+                  }}
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.episode {
+  margin-top: clamp(1.5rem, 4vw, 3rem);
+}
+
+.episode .accordion-item {
+  position: relative;
+  padding-bottom: 0.1rem;
+  scroll-margin-top: 6rem;
+  transition:
+      color 160ms ease,
+      background-color 160ms ease;
+}
+
+.episode .accordion-item::before {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 0.25rem;
+  background: var(--bs-success);
+  content: "";
+  opacity: 0;
+  transform: scaleY(0.55);
+  transform-origin: center;
+  transition:
+      opacity 160ms ease,
+      transform 160ms ease;
+}
+
+.episode .accordion-item.is-current {
+  background: var(--bs-success-bg-subtle);
+}
+
+.episode .accordion-item.is-current::before {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.episode .accordion-button:not(.collapsed) {
+  color: var(--bs-success-text-emphasis);
+  background-color: var(--bs-success-bg-subtle);
+}
+
+.episode .accordion-item.is-current .accordion-button {
+  color: var(--bs-success-text-emphasis);
+}
+
+.episode .accordion-button:focus {
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.episode .accordion-collapse.episode-collapse {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 350ms ease;
+}
+
+.episode .accordion-collapse.episode-collapse.show {
+  grid-template-rows: 1fr;
+}
+
+.episode-collapse-inner {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.episode-play-button {
+  min-height: 2rem;
+  padding: 0.2rem 0.75rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.episode-play-button [data-play-icon] {
+  font-size: 1.1rem;
+  line-height: 1;
+}
+
+.episode-play-separator {
+  opacity: 0.6;
+}
+</style>
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
new file mode 100644
index 00000000..2dfa1a40
--- /dev/null
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -0,0 +1,330 @@
+<script setup lang="ts">
+import { nextTick, onMounted, ref } from 'vue'
+import type {PodcastEpisode, PodcastPlaylist} from '../types/types.ts'
+import { usePlayerStore } from '../stores/player.ts'
+
+const playerStore = usePlayerStore()
+
+const props = defineProps<{
+  playlistMetadata: PodcastPlaylist
+}>()
+
+const episodes = props.playlistMetadata.episodes
+
+const lastEpisode = ref<PodcastEpisode | null>(
+    episodes.length > 0
+        ? episodes[episodes.length - 1]
+        : null
+)
+
+const imageError = ref(false)
+const imageLoaded = ref(false)
+const isDescriptionExpanded = ref(false)
+const isDescriptionOverflowing = ref(false)
+
+const descriptionElement = ref<HTMLElement | null>(null)
+
+
+function handleImageLoad(): void {
+  imageLoaded.value = true
+  imageError.value = false
+}
+
+function handleImageError(): void {
+  imageLoaded.value = false
+  imageError.value = true
+}
+
+function toggleDescription(): void {
+  isDescriptionExpanded.value = !isDescriptionExpanded.value
+}
+
+function checkDescriptionOverflow(): void {
+  const element = descriptionElement.value
+
+  if (!element) {
+    return
+  }
+
+  isDescriptionOverflowing.value =
+      element.scrollHeight > element.clientHeight
+}
+
+async function scrollToEpisode(episode: PodcastEpisode): Promise<void> {
+  await nextTick()
+
+  requestAnimationFrame(() => {
+    document
+        .getElementById(`episode-item-${episode.guid}`)
+        ?.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start',
+        })
+  })
+}
+
+async function buildPlayer(episode: PodcastEpisode): Promise<void> {
+  playerStore.setPlaylist(
+      props.playlistMetadata.episodes,
+      props.playlistMetadata.title
+  )
+
+  playerStore.selectEpisode(episode)
+  await scrollToEpisode(episode)
+}
+
+onMounted(async () => {
+  await nextTick()
+  checkDescriptionOverflow()
+})
+</script>
+
+<template>
+  <header class="playlist-header mt-5 px-3 pt-5 pb-4 bg-light">
+    <div class="ratio ratio-1x1 podcast-cover">
+      <img
+          v-if="playlistMetadata.image && !imageError"
+          class="object-fit-cover rounded-2"
+          :class="{ 'is-loaded': imageLoaded }"
+          :alt="`Cover von ${playlistMetadata.title}`"
+          :src="playlistMetadata.image"
+          @load="handleImageLoad"
+          @error="handleImageError"
+      >
+
+      <div
+          v-if="!imageLoaded || imageError || !playlistMetadata.image"
+          class="podcast-cover-placeholder"
+          aria-hidden="true"
+      >
+        <i class="fa-solid fa-images"></i>
+      </div>
+    </div>
+
+    <div class="playlist-info">
+      <h1>
+        {{ playlistMetadata.title }}
+      </h1>
+
+      <div class="topic d-flex gap-1 mb-3">
+        <span class="badge text-bg-success text-wrap text-start">
+          {{ playlistMetadata.category }}
+        </span>
+
+        <span
+            v-if="playlistMetadata.subcategory"
+            class="badge text-bg-success text-wrap text-start"
+        >
+          {{ playlistMetadata.subcategory }}
+        </span>
+      </div>
+
+      <dl class="row mb-2 w-100">
+        <dt class="col-3">Sprache:</dt>
+        <dd class="col-9">
+          {{ playlistMetadata.language.toUpperCase() }}
+        </dd>
+
+        <dt class="col-3">Besitzer:</dt>
+        <dd class="col-9">
+          {{ playlistMetadata.ownerName }}
+        </dd>
+
+        <dt class="col-3">E-Mail:</dt>
+        <dd class="col-9">
+          {{ playlistMetadata.ownerEmail }}
+        </dd>
+      </dl>
+
+      <p class="playlist-authors small text-body-secondary mb-2">
+        {{ playlistMetadata.author.join(', ') }}
+      </p>
+
+      <div
+          ref="descriptionElement"
+          class="playlist-description rich-description"
+          :class="{ 'is-expanded': isDescriptionExpanded }"
+          v-html="playlistMetadata.description"
+      />
+
+      <button
+          v-if="isDescriptionOverflowing || isDescriptionExpanded"
+          class="playlist-description-toggle"
+          type="button"
+          :aria-expanded="isDescriptionExpanded"
+          @click="toggleDescription"
+      >
+        <span>
+          {{ isDescriptionExpanded ? 'Weniger anzeigen' : 'Mehr anzeigen' }}
+        </span>
+
+        <i
+            class="fas"
+            :class="
+            isDescriptionExpanded
+              ? 'fa-chevron-up'
+              : 'fa-chevron-down'
+          "
+            aria-hidden="true"
+        />
+      </button>
+
+      <button
+          class="btn btn-success mt-3 py-1 gap-1 d-flex justify-content-center align-items-center align-self-end"
+          type="button"
+          :disabled="!lastEpisode"
+          @click="lastEpisode && buildPlayer(lastEpisode)"
+      >
+        <i
+            class="fas fa-play m-0"
+            aria-hidden="true"
+        />
+        Neueste Folge
+      </button>
+    </div>
+  </header>
+</template>
+
+<style scoped>
+.playlist-header {
+  display: grid;
+  grid-template-columns: clamp(12rem, 24vw, 17.5rem) minmax(0, 1fr);
+  gap: clamp(1rem, 3vw, 2rem);
+  padding: clamp(1.5rem, 4vw, 3rem);
+}
+
+.podcast-cover {
+  position: relative;
+  width: 100%;
+  max-width: 17.5rem;
+  align-self: start;
+  justify-self: center;
+  overflow: hidden;
+  background: var(--bs-secondary-bg);
+}
+
+.podcast-cover > img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.podcast-cover > img.is-loaded {
+  opacity: 1;
+}
+
+.podcast-cover-placeholder {
+  position: absolute;
+  inset: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background: var(--bs-secondary-bg);
+  color: var(--bs-secondary-color);
+  font-size: 3rem;
+}
+
+.playlist-info {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.playlist-info > h1 {
+  margin-bottom: clamp(0.75rem, 2vw, 1rem);
+  font-size: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
+  line-height: 1.15;
+  overflow-wrap: anywhere;
+}
+
+.playlist-info > .btn {
+  margin-top: auto !important;
+}
+
+.playlist-authors:empty {
+  display: none;
+}
+
+.playlist-description {
+  margin-bottom: 0.65rem;
+  line-height: 1.5;
+}
+
+.playlist-description:not(.is-expanded) {
+  display: -webkit-box;
+  overflow: hidden;
+  max-height: 7.5em;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+
+.playlist-description-toggle {
+  display: inline-flex;
+  align-items: center;
+  align-self: flex-start;
+  gap: 0.3rem;
+  margin-bottom: 0.75rem;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--bs-success);
+  cursor: pointer;
+  font-size: 0.85rem;
+  font-weight: 600;
+}
+
+.playlist-description-toggle:hover {
+  color: var(--bs-success-text-emphasis);
+}
+
+.playlist-description-toggle:focus-visible {
+  outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
+  outline-offset: 0.18rem;
+}
+
+@media (max-width: 767.98px) {
+  .playlist-header {
+    grid-template-columns: minmax(0, 1fr);
+    gap: clamp(1.25rem, 5vw, 2rem);
+    padding: clamp(1rem, 5vw, 2rem) !important;
+  }
+
+  .podcast-cover {
+    width: min(100%, 22rem);
+    max-width: none;
+  }
+
+  .playlist-info {
+    align-items: stretch;
+  }
+
+  .playlist-info > .topic {
+    align-self: flex-start;
+  }
+
+  .playlist-info > .btn {
+    width: 100%;
+    align-self: stretch !important;
+  }
+
+}
+
+@media (max-width: 575.98px) {
+  .playlist-header {
+    margin-top: 2rem !important;
+  }
+
+  .playlist-info > h1 {
+    font-size: clamp(1.5rem, 7vw, 1.9rem);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
new file mode 100644
index 00000000..54c0dd59
--- /dev/null
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -0,0 +1,322 @@
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const search = ref('')
+const category = ref('')
+const subCategory = ref('')
+const sort = ref('created desc')
+const itunesPodcastCategories = [
+  {
+    value: 'Arts',
+    label: 'Arts',
+    subcategories: [
+      { value: 'Books', label: 'Books' },
+      { value: 'Design', label: 'Design' },
+      { value: 'Fashion_Beauty', label: 'Fashion & Beauty' },
+      { value: 'Food', label: 'Food' },
+      { value: 'Performing_Arts', label: 'Performing Arts' },
+      { value: 'Visual_Arts', label: 'Visual Arts' },
+    ],
+  },
+  {
+    value: 'Business',
+    label: 'Business',
+    subcategories: [
+      { value: 'Careers', label: 'Careers' },
+      { value: 'Entrepreneurship', label: 'Entrepreneurship' },
+      { value: 'Investing', label: 'Investing' },
+      { value: 'Management', label: 'Management' },
+      { value: 'Marketing', label: 'Marketing' },
+      { value: 'Non-Profit', label: 'Non-Profit' },
+    ],
+  },
+  {
+    value: 'Comedy',
+    label: 'Comedy',
+    subcategories: [
+      { value: 'Comedy_Interviews', label: 'Comedy Interviews' },
+      { value: 'Improv', label: 'Improv' },
+      { value: 'Stand-Up', label: 'Stand-Up' },
+    ],
+  },
+  {
+    value: 'Education',
+    label: 'Education',
+    subcategories: [
+      { value: 'Courses', label: 'Courses' },
+      { value: 'How_To', label: 'How To' },
+      { value: 'Language_Learning', label: 'Language Learning' },
+      { value: 'Self-Improvement', label: 'Self-Improvement' },
+    ],
+  },
+  {
+    value: 'Fiction',
+    label: 'Fiction',
+    subcategories: [
+      { value: 'Comedy_Fiction', label: 'Comedy Fiction' },
+      { value: 'Drama', label: 'Drama' },
+      { value: 'Science_Fiction', label: 'Science Fiction' },
+    ],
+  },
+  {
+    value: 'Government',
+    label: 'Government',
+    subcategories: [],
+  },
+  {
+    value: 'History',
+    label: 'History',
+    subcategories: [],
+  },
+  {
+    value: 'Health_Fitness',
+    label: 'Health & Fitness',
+    subcategories: [
+      { value: 'Alternative_Health', label: 'Alternative Health' },
+      { value: 'Fitness', label: 'Fitness' },
+      { value: 'Medicine', label: 'Medicine' },
+      { value: 'Mental_Health', label: 'Mental Health' },
+      { value: 'Nutrition', label: 'Nutrition' },
+      { value: 'Sexuality', label: 'Sexuality' },
+    ],
+  },
+  {
+    value: 'Kids_Family',
+    label: 'Kids & Family',
+    subcategories: [
+      { value: 'Education_for_Kids', label: 'Education for Kids' },
+      { value: 'Parenting', label: 'Parenting' },
+      { value: 'Pets_Animals', label: 'Pets & Animals' },
+      { value: 'Stories_for_Kids', label: 'Stories for Kids' },
+    ],
+  },
+  {
+    value: 'Leisure',
+    label: 'Leisure',
+    subcategories: [
+      { value: 'Animation_Manga', label: 'Animation & Manga' },
+      { value: 'Automotive', label: 'Automotive' },
+      { value: 'Aviation', label: 'Aviation' },
+      { value: 'Crafts', label: 'Crafts' },
+      { value: 'Games', label: 'Games' },
+      { value: 'Hobbies', label: 'Hobbies' },
+      { value: 'Home_Garden', label: 'Home & Garden' },
+      { value: 'Video_Games', label: 'Video Games' },
+    ],
+  },
+  {
+    value: 'Music',
+    label: 'Music',
+    subcategories: [
+      { value: 'Music_Commentary', label: 'Music Commentary' },
+      { value: 'Music_History', label: 'Music History' },
+      { value: 'Music_Interviews', label: 'Music Interviews' },
+    ],
+  },
+  {
+    value: 'News',
+    label: 'News',
+    subcategories: [
+      { value: 'Business_News', label: 'Business News' },
+      { value: 'Daily_News', label: 'Daily News' },
+      { value: 'Entertainment_News', label: 'Entertainment News' },
+      { value: 'News_Commentary', label: 'News Commentary' },
+      { value: 'Politics', label: 'Politics' },
+      { value: 'Sports_News', label: 'Sports News' },
+      { value: 'Tech_News', label: 'Tech News' },
+    ],
+  },
+  {
+    value: 'Religion_Spirituality',
+    label: 'Religion & Spirituality',
+    subcategories: [
+      { value: 'Buddhism', label: 'Buddhism' },
+      { value: 'Christianity', label: 'Christianity' },
+      { value: 'Hinduism', label: 'Hinduism' },
+      { value: 'Islam', label: 'Islam' },
+      { value: 'Judaism', label: 'Judaism' },
+      { value: 'Religion', label: 'Religion' },
+      { value: 'Spirituality', label: 'Spirituality' },
+    ],
+  },
+  {
+    value: 'Science',
+    label: 'Science',
+    subcategories: [
+      { value: 'Astronomy', label: 'Astronomy' },
+      { value: 'Chemistry', label: 'Chemistry' },
+      { value: 'Earth_Sciences', label: 'Earth Sciences' },
+      { value: 'Life_Sciences', label: 'Life Sciences' },
+      { value: 'Mathematics', label: 'Mathematics' },
+      { value: 'Natural_Sciences', label: 'Natural Sciences' },
+      { value: 'Nature', label: 'Nature' },
+      { value: 'Physics', label: 'Physics' },
+      { value: 'Social_Sciences', label: 'Social Sciences' },
+    ],
+  },
+  {
+    value: 'Society_Culture',
+    label: 'Society & Culture',
+    subcategories: [
+      { value: 'Documentary', label: 'Documentary' },
+      { value: 'Personal_Journals', label: 'Personal Journals' },
+      { value: 'Philosophy', label: 'Philosophy' },
+      { value: 'Places_Travel', label: 'Places & Travel' },
+      { value: 'Relationships', label: 'Relationships' },
+    ],
+  },
+  {
+    value: 'Sports',
+    label: 'Sports',
+    subcategories: [
+      { value: 'Baseball', label: 'Baseball' },
+      { value: 'Basketball', label: 'Basketball' },
+      { value: 'Cricket', label: 'Cricket' },
+      { value: 'Fantasy_Sports', label: 'Fantasy Sports' },
+      { value: 'Football', label: 'Football' },
+      { value: 'Golf', label: 'Golf' },
+      { value: 'Hockey', label: 'Hockey' },
+      { value: 'Rugby', label: 'Rugby' },
+      { value: 'Running', label: 'Running' },
+      { value: 'Soccer', label: 'Soccer' },
+      { value: 'Swimming', label: 'Swimming' },
+      { value: 'Tennis', label: 'Tennis' },
+      { value: 'Volleyball', label: 'Volleyball' },
+      { value: 'Wilderness', label: 'Wilderness' },
+      { value: 'Wrestling', label: 'Wrestling' },
+    ],
+  },
+  {
+    value: 'Technology',
+    label: 'Technology',
+    subcategories: [],
+  },
+  {
+    value: 'True_Crime',
+    label: 'True Crime',
+    subcategories: [],
+  },
+  {
+    value: 'TV_Film',
+    label: 'TV & Film',
+    subcategories: [
+      { value: 'After_Shows', label: 'After Shows' },
+      { value: 'Film_History', label: 'Film History' },
+      { value: 'Film_Interviews', label: 'Film Interviews' },
+      { value: 'Film_Reviews', label: 'Film Reviews' },
+      { value: 'TV_Reviews', label: 'TV Reviews' },
+    ],
+  },
+];
+const selectedSubcategories = computed(() => {
+  const selectedCategory = itunesPodcastCategories.find(item => item.value === category.value)
+
+  return selectedCategory?.subcategories ?? []
+})
+
+
+watch(category, () => {
+  subCategory.value = ''
+})
+
+const handleSubmit = () => {
+  const query: Record<string, string> = {}
+
+  if (search.value) {
+    query.condQuery = search.value
+  }
+
+  if (subCategory.value) {
+    query.fq = `category:"itunes-podcast:${subCategory.value}"`
+  }
+  else if (category.value) {
+    query.fq =  `category:"itunes-podcast:${category.value}"`
+  }
+
+
+  query.sort = sort.value
+
+  router.push({
+    name: 'podcasts',
+    query,
+  })
+}
+
+</script>
+
+<template>
+  <form
+      id="podcast-filters"
+      class="card border-0 bg-light shadow-sm mb-5"
+      @submit.prevent="handleSubmit"
+      aria-label="Podcasts filtern">
+    <div class="card-body p-3 p-lg-4">
+      <div class="row g-3 align-items-end justify-content-end">
+        <div class="col-12">
+          <label for="podcast-search" class="form-label fw-semibold">Podcasts durchsuchen</label>
+          <input id="podcast-search" v-model="search" class="form-control" type="search" placeholder="Titel, Beschreibung, Herausgeber oder Autor" autocomplete="off">
+        </div>
+
+        <div class="col-md-4 col-lg-4">
+          <label for="podcast-category" class="form-label fw-semibold">Kategorie</label>
+          <select id="podcast-category" v-model="category" class="form-select">
+            <option value="">Alle Kategorien</option>
+            <option
+                v-for="category in itunesPodcastCategories"
+                :value="category.value"
+                :label="category.label"
+            >
+              {{category.value}}
+            </option>
+          </select>
+        </div>
+
+        <div class="col-md-4 col-lg-4">
+          <label for="podcast-category" class="form-label fw-semibold">Subkategorie</label>
+          <select
+              id="podcast-category"
+              v-model="subCategory"
+              class="form-select"
+              :disabled="selectedSubcategories.length === 0"
+          >
+            <option value="">Bitte wählen</option>
+            <option
+                v-for="sub in selectedSubcategories"
+                :value="sub.value"
+                :label="sub.label"
+            >
+              {{sub.value}}
+            </option>
+          </select>
+        </div>
+
+        <div class="col-md-4 col-lg-2">
+          <label for="podcast-sort" class="form-label fw-semibold">Sortierung</label>
+          <select id="podcast-sort" v-model="sort" class="form-select">
+            <option value="created desc">Neueste zuerst</option>
+            <option value="created asc">Älteste zuerst</option>
+          </select>
+        </div>
+
+        <div class="col-md-3 col-lg-2 d-grid mt-4">
+          <button id="podcast-reset" class="btn btn-success" type="submit">Suchen</button>
+        </div>
+      </div>
+    </div>
+  </form>
+</template>
+
+<style scoped lang="scss">
+.form-control:focus,
+.form-select:focus {
+  border-color: var(--bs-success);
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+}
+
+.form-select:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+</style>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
new file mode 100644
index 00000000..13f5159b
--- /dev/null
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -0,0 +1,492 @@
+<script setup lang="ts">
+import {computed, ref, watch} from 'vue'
+import { useRoute } from 'vue-router'
+
+import requestSolr from '../utils/requestSolr.ts'
+import type { SolrDocument, SolrResponse } from '../types/types.ts'
+import LoadingState from "./LoadingState.vue";
+import ErrorState from "./ErrorState.vue";
+import EmptyState from "./EmptyState.vue";
+
+const route = useRoute()
+
+const podcastMetadata = ref<SolrResponse | null>(null)
+
+const totalItems = ref(0)
+const itemsPerPage = ref(20)
+const currentPage = ref(1)
+
+const isLoading = ref(false)
+const isError = ref(false)
+const error = ref<string | null>(null)
+
+const coverErrors = ref<Record<string, boolean>>({})
+const coverLoaded = ref<Record<string, boolean>>({})
+
+const totalPages = computed(() =>
+    Math.ceil(totalItems.value / itemsPerPage.value)
+)
+
+const visiblePages = computed<(number | string)[]>(() => {
+  const pages: (number | string)[] = []
+
+  const total = totalPages.value
+  const current = currentPage.value
+
+  if (total <= 7) {
+    for (let page = 1; page <= total; page++) {
+      pages.push(page)
+    }
+
+    return pages
+  }
+
+  pages.push(1)
+
+  if (current > 4) {
+    pages.push('...')
+  }
+
+  const start = Math.max(2, current - 2)
+  const end = Math.min(total - 1, current + 2)
+
+  for (let page = start; page <= end; page++) {
+    pages.push(page)
+  }
+
+  if (current < total - 3) {
+    pages.push('...')
+  }
+
+  pages.push(total)
+
+  return pages
+})
+
+function createParams(): URLSearchParams {
+  const params = new URLSearchParams()
+
+  params.append('fq', 'mods.genre:podcast')
+  params.set('wt', 'json')
+
+  params.set('rows', `${itemsPerPage.value}`)
+
+  params.set(
+      'start',
+      `${(currentPage.value - 1) * itemsPerPage.value}`
+  )
+
+  for (const [key, value] of Object.entries(route.query)) {
+    if (typeof value === 'string') {
+      params.append(key, value)
+    }
+  }
+
+  return params
+}
+
+function getItunesCategories(podcast: SolrDocument): string[] {
+  const itunesCategories =
+      podcast['category.top']
+          ?.filter(category =>
+              category.startsWith('itunes-podcast:')
+          )
+          .map(category =>
+              category
+                  .replace('itunes-podcast:', '')
+                  .replaceAll('_', ' ')
+          ) ?? []
+
+  if (itunesCategories.length === 0) {
+    return ['Ohne Kategorie']
+  }
+
+  return itunesCategories
+}
+
+function getPodcastTitle(podcast: SolrDocument): string {
+  return podcast['mods.title']?.[0] ?? 'Ohne Titel'
+}
+
+function getPodcastAuthors(podcast: SolrDocument): string {
+  return podcast['mods.author']?.join(', ') ?? ''
+}
+
+function getCoverUrl(podcast: SolrDocument): string {
+  return `/mir/api/iiif/image/v2/thumbnail/${podcast.id}/full/!300,300/0/default.jpg`
+}
+
+function handleCoverLoad(podcastId: string): void {
+  coverLoaded.value[podcastId] = true
+  coverErrors.value[podcastId] = false
+}
+
+function handleCoverError(podcastId: string): void {
+  coverLoaded.value[podcastId] = false
+  coverErrors.value[podcastId] = true
+}
+
+function scrollToTop(): void {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth'
+  })
+}
+
+async function searchPodcasts(): Promise<void> {
+  isLoading.value = true
+  isError.value = false
+  error.value = null
+
+  const params = createParams()
+
+  try {
+    const response = await requestSolr(params)
+
+    podcastMetadata.value = JSON.parse(response) as SolrResponse
+
+    totalItems.value =
+        podcastMetadata.value.response.numFound
+
+    coverErrors.value = {}
+    coverLoaded.value = {}
+
+    /*
+     * Falls sich durch Filter die Anzahl der Seiten verkleinert
+     * und currentPage nicht mehr existiert.
+     */
+    if (
+        totalPages.value > 0 &&
+        currentPage.value > totalPages.value
+    ) {
+      currentPage.value = totalPages.value
+
+      await searchPodcasts()
+    }
+  } catch (err) {
+    podcastMetadata.value = null
+
+    error.value =
+        err instanceof Error
+            ? err.message
+            : 'Unknown error'
+
+    isError.value = true
+  } finally {
+    isLoading.value = false
+  }
+}
+
+async function setPage(page: number): Promise<void> {
+  if (
+      page < 1 ||
+      page > totalPages.value ||
+      page === currentPage.value
+  ) {
+    return
+  }
+
+  currentPage.value = page
+
+  await searchPodcasts()
+
+  scrollToTop()
+}
+
+
+/*
+ * Bei Änderung der Filter / Query-Parameter
+ * wieder auf Seite 1 springen.
+ */
+watch(
+    () => route.query,
+    () => {
+      currentPage.value = 1
+      searchPodcasts()
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+)
+</script>
+
+<template>
+  <section class="podcast-list">
+
+    <LoadingState v-if="isLoading">
+      Podcasts werden geladen ...
+    </LoadingState>
+
+    <ErrorState v-else-if="error">{{error}}</ErrorState>
+
+    <EmptyState
+        v-else-if="podcastMetadata?.response.numFound === 0"
+        description="Keine passenden Podcasts gefunden. Ändern Sie den Suchbegriff oder wählen Sie eine andere Kategorie."
+    />
+
+    <!-- Results -->
+    <div
+        v-else-if="podcastMetadata"
+        class="wrapper"
+    >
+      <h2 class="mb-4">
+        {{ totalItems }}
+        {{
+          totalItems === 1
+              ? 'Podcast gefunden'
+              : 'Podcasts gefunden'
+        }}
+      </h2>
+
+      <div class="cards-collection">
+
+        <article
+            v-for="podcast in podcastMetadata.response.docs"
+            :key="podcast.id"
+            class="card-item h-100 border-0 shadow-sm rounded-2 overflow-hidden position-relative"
+        >
+
+          <!-- Cover -->
+          <div class="podcast-card-cover ratio ratio-1x1 bg-light border-bottom">
+
+            <img
+                v-if="!coverErrors[podcast.id]"
+                class="card-img-top w-100 h-100 object-fit-cover"
+                :class="{ 'is-loaded': coverLoaded[podcast.id] }"
+                :src="getCoverUrl(podcast)"
+                :alt="`Cover von ${getPodcastTitle(podcast)}`"
+                loading="lazy"
+                decoding="async"
+                @load="handleCoverLoad(podcast.id)"
+                @error="handleCoverError(podcast.id)"
+            >
+
+            <div
+                v-if="!coverLoaded[podcast.id] || coverErrors[podcast.id]"
+                class="podcast-card-cover-placeholder"
+                aria-hidden="true"
+            >
+              <i class="fa-solid fa-images"></i>
+            </div>
+
+          </div>
+
+          <!-- Categories -->
+          <div
+              v-if="getItunesCategories(podcast).length"
+              class="topic mt-1 px-2"
+          >
+            <span
+                v-for="category in getItunesCategories(podcast)"
+                :key="category"
+                class="badge rounded-2 text-bg-success text-wrap text-start me-1"
+            >
+              {{ category }}
+            </span>
+          </div>
+
+          <!-- Title -->
+          <h3 class="h6 card-title px-2 mb-2">
+            <RouterLink
+                class="stretched-link text-reset text-decoration-none"
+                :to="podcast.id"
+            >
+              {{ getPodcastTitle(podcast) }}
+            </RouterLink>
+          </h3>
+
+          <!-- Authors -->
+          <p
+              v-if="getPodcastAuthors(podcast)"
+              class="small px-2 text-truncate position-relative z-2 mb-2"
+          >
+            {{ getPodcastAuthors(podcast) }}
+          </p>
+
+        </article>
+
+      </div>
+
+      <!-- Pagination -->
+      <nav
+          v-if="totalPages > 1"
+          class="mt-5"
+          aria-label="Podcast-Seitennavigation"
+      >
+        <ul class="pagination justify-content-center">
+
+          <!-- Previous -->
+          <li
+              class="page-item"
+              :class="{ disabled: currentPage === 1 }"
+          >
+            <button
+                class="page-link text-success"
+                type="button"
+                :disabled="currentPage === 1"
+                aria-label="Vorherige Seite"
+                @click="setPage(currentPage - 1)"
+            >
+              Zurück
+            </button>
+          </li>
+
+          <!-- Page numbers -->
+          <li
+              v-for="(page, index) in visiblePages"
+              :key="`${page}-${index}`"
+              class="page-item"
+              :class="{
+              active: page === currentPage,
+              disabled: page === '...'
+            }"
+          >
+
+            <!-- ... -->
+            <span
+                v-if="page === '...'"
+                class="page-link text-body-secondary"
+            >
+              …
+            </span>
+
+            <!-- Page -->
+            <button
+                v-else
+                class="page-link"
+                :class="
+                page === currentPage
+                  ? 'text-white'
+                  : 'text-success'
+              "
+                type="button"
+                :aria-current="
+                page === currentPage
+                  ? 'page'
+                  : undefined
+              "
+                @click="setPage(page as number)"
+            >
+              {{ page }}
+            </button>
+
+          </li>
+
+          <!-- Next -->
+          <li
+              class="page-item"
+              :class="{
+              disabled: currentPage === totalPages
+            }"
+          >
+            <button
+                class="page-link text-success"
+                type="button"
+                :disabled="currentPage === totalPages"
+                aria-label="Nächste Seite"
+                @click="setPage(currentPage + 1)"
+            >
+              Weiter
+            </button>
+          </li>
+
+        </ul>
+      </nav>
+
+    </div>
+
+  </section>
+</template>
+
+<style lang="scss" scoped>
+.cards-collection {
+  display: grid;
+
+  grid-template-columns:
+    repeat(
+      auto-fill,
+      minmax(min(100%, 250px), 1fr)
+    );
+
+  gap: 25px;
+}
+
+.podcast-card-cover {
+  position: relative;
+  overflow: hidden;
+  background: var(--bs-secondary-bg);
+}
+
+.podcast-card-cover > img {
+  position: absolute;
+  inset: 0;
+
+  width: 100%;
+  height: 100%;
+
+  object-fit: cover;
+
+  opacity: 0;
+  transition: opacity 0.2s ease;
+
+  z-index: 2;
+}
+
+.podcast-card-cover > img.is-loaded {
+  opacity: 1;
+}
+
+.podcast-card-cover-placeholder {
+  position: absolute;
+  inset: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background: var(--bs-secondary-bg);
+  color: var(--bs-secondary-color);
+
+  font-size: 3rem;
+
+  z-index: 1;
+}
+
+.card-item {
+  display: grid;
+  grid-template-rows: subgrid;
+  grid-row: span 4;
+
+  row-gap: 5px;
+}
+
+.topic {
+  align-self: center;
+}
+
+.page-item.active {
+  .page-link {
+    background-color: var(--bs-success) !important;
+    border-color: var(--bs-success) !important;
+  }
+}
+
+.page-link {
+  color: var(--bs-secondary);
+}
+
+.page-link:hover {
+  color: var(--bs-success);
+}
+
+.page-item.active .page-link:hover {
+  color: var(--bs-white);
+}
+
+.page-item.disabled {
+  .page-link {
+    color: var(--bs-secondary);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/main/podcast/src/components/PodcastsHero.vue b/src/main/podcast/src/components/PodcastsHero.vue
new file mode 100644
index 00000000..0b7db999
--- /dev/null
+++ b/src/main/podcast/src/components/PodcastsHero.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <section class="podcast-hero row align-items-end g-4 pt-5 mb-5">
+    <div class="col-lg-8">
+      <p class="text-success fw-semibold text-uppercase small mb-2">Digitale Bibliothek Th&uuml;ringen</p>
+      <h1 class="display-6 fw-semibold mb-3">Podcasts entdecken</h1>
+      <p class="lead text-body-secondary mb-0">Wissen aus Th&uuml;ringen zum Anh&ouml;ren: Entdecken Sie Podcast-Reihen aus Wissenschaft, Lehre und Gesellschaft.</p>
+    </div>
+  </section>
+</template>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/main/podcast/src/env.d.ts b/src/main/podcast/src/env.d.ts
new file mode 100644
index 00000000..bc79c69d
--- /dev/null
+++ b/src/main/podcast/src/env.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}
\ No newline at end of file
diff --git a/src/main/podcast/src/index.ts b/src/main/podcast/src/index.ts
new file mode 100644
index 00000000..260c5f46
--- /dev/null
+++ b/src/main/podcast/src/index.ts
@@ -0,0 +1,32 @@
+import { createApp, type App as VueApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router/router'
+
+import './style.css'
+
+const PODCAST_MOUNT_SELECTOR = '#main_content > .container'
+
+export function mountPodcast(
+    selector = PODCAST_MOUNT_SELECTOR
+): VueApp<Element> {
+  const container = document.querySelector(selector)
+
+  if (!container) {
+    throw new Error(
+        `Podcast mount element not found: ${selector}`
+    )
+  }
+
+  const app = createApp(App)
+
+  app.use(createPinia())
+  app.use(router)
+
+  app.mount(container)
+
+  return app
+}
+
+mountPodcast()
\ No newline at end of file
diff --git a/src/main/podcast/src/layout.css b/src/main/podcast/src/layout.css
new file mode 100644
index 00000000..2dfec8f0
--- /dev/null
+++ b/src/main/podcast/src/layout.css
@@ -0,0 +1,5 @@
+/*!
+ * Bootstrap  v5.3.8 (https://getbootstrap.com/)
+ * Copyright 2011-2025 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: rgb(5.2, 44, 101.2);--bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);--bs-success-text-emphasis: rgb(10, 54, 33.6);--bs-info-text-emphasis: rgb(5.2, 80.8, 96);--bs-warning-text-emphasis: rgb(102, 77.2, 2.8);--bs-danger-text-emphasis: rgb(88, 21.2, 27.6);--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: rgb(206.6, 226, 254.6);--bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);--bs-success-bg-subtle: rgb(209, 231, 220.8);--bs-info-bg-subtle: rgb(206.6, 244.4, 252);--bs-warning-bg-subtle: rgb(255, 242.6, 205.4);--bs-danger-bg-subtle: rgb(248, 214.6, 217.8);--bs-light-bg-subtle: rgb(251.5, 252, 252.5);--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: rgb(158.2, 197, 254.2);--bs-secondary-border-subtle: rgb(196.2, 199.8, 203);--bs-success-border-subtle: rgb(163, 207, 186.6);--bs-info-border-subtle: rgb(158.2, 233.8, 249);--bs-warning-border-subtle: rgb(255, 230.2, 155.8);--bs-danger-border-subtle: rgb(241, 174.2, 180.6);--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13, 110, 253;--bs-link-decoration: underline;--bs-link-hover-color: rgb(10.4, 88, 202.4);--bs-link-hover-color-rgb: 10, 88, 202;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: rgb(255, 242.6, 205.4);--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #dee2e6;--bs-body-color-rgb: 222, 226, 230;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb: 222, 226, 230;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb: 222, 226, 230;--bs-tertiary-bg: rgb(42.5, 47.5, 52.5);--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: rgb(109.8, 168, 253.8);--bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);--bs-success-text-emphasis: rgb(117, 183, 152.4);--bs-info-text-emphasis: rgb(109.8, 223.2, 246);--bs-warning-text-emphasis: rgb(255, 217.8, 106.2);--bs-danger-text-emphasis: rgb(234, 133.8, 143.4);--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: rgb(2.6, 22, 50.6);--bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);--bs-success-bg-subtle: rgb(5, 27, 16.8);--bs-info-bg-subtle: rgb(2.6, 40.4, 48);--bs-warning-bg-subtle: rgb(51, 38.6, 1.4);--bs-danger-bg-subtle: rgb(44, 10.6, 13.8);--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: rgb(7.8, 66, 151.8);--bs-secondary-border-subtle: rgb(64.8, 70.2, 75);--bs-success-border-subtle: rgb(15, 81, 50.4);--bs-info-border-subtle: rgb(7.8, 121.2, 144);--bs-warning-border-subtle: rgb(153, 115.8, 4.2);--bs-danger-border-subtle: rgb(132, 31.8, 41.4);--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: rgb(109.8, 168, 253.8);--bs-link-hover-color: rgb(138.84, 185.4, 254.04);--bs-link-color-rgb: 110, 168, 254;--bs-link-hover-color-rgb: 139, 185, 254;--bs-code-color: rgb(230.4, 132.6, 181.2);--bs-highlight-color: #dee2e6;--bs-highlight-bg: rgb(102, 77.2, 2.8);--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, 0.15);--bs-form-valid-color: rgb(117, 183, 152.4);--bs-form-valid-border-color: rgb(117, 183, 152.4);--bs-form-invalid-color: rgb(234, 133.8, 143.4);--bs-form-invalid-border-color: rgb(234, 133.8, 143.4)}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + 0.9vw)}@media(min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + 0.6vw)}@media(min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:0.875em}mark,.mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media(min-width: 1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media(min-width: 1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media(min-width: 1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media(min-width: 1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media(min-width: 1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:0.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:0.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-1,.gy-1{--bs-gutter-y: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-2,.gy-2{--bs-gutter-y: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width: 576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width)*2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(even){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}.table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width: 575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(0.375rem + var(--bs-border-width));padding-bottom:calc(0.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + var(--bs-border-width));padding-bottom:calc(0.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + var(--bs-border-width));padding-bottom:calc(0.25rem + var(--bs-border-width));font-size:0.875rem}.form-text{margin-top:.25rem;font-size:0.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:rgba(0,0,0,0)}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:rgb(182.4,211.5,254.4)}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:var(--bs-secondary-bg);border-color:rgba(0,0,0,0);border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:rgb(182.4,211.5,254.4)}.form-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:var(--bs-secondary-bg);border-color:rgba(0,0,0,0);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb), 0.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid rgba(0,0,0,0);transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1*var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}.btn{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity: 0.65;--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);--bs-btn-hover-border-color: rgb(10.4, 88, 202.4);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(10.4, 88, 202.4);--bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #0d6efd;--bs-btn-disabled-border-color: #0d6efd}.btn-secondary{--bs-btn-color: #fff;--bs-btn-bg: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);--bs-btn-hover-border-color: rgb(86.4, 93.6, 100);--bs-btn-focus-shadow-rgb: 130, 138, 145;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(86.4, 93.6, 100);--bs-btn-active-border-color: rgb(81, 87.75, 93.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #6c757d;--bs-btn-disabled-border-color: #6c757d}.btn-success{--bs-btn-color: #fff;--bs-btn-bg: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);--bs-btn-hover-border-color: rgb(20, 108, 67.2);--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(20, 108, 67.2);--bs-btn-active-border-color: rgb(18.75, 101.25, 63);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #198754;--bs-btn-disabled-border-color: #198754}.btn-info{--bs-btn-color: #000;--bs-btn-bg: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);--bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-focus-shadow-rgb: 11, 172, 204;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(61.4, 212.6, 243);--bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #0dcaf0;--bs-btn-disabled-border-color: #0dcaf0}.btn-warning{--bs-btn-color: #000;--bs-btn-bg: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(255, 202.3, 44.2);--bs-btn-hover-border-color: rgb(255, 199.2, 31.8);--bs-btn-focus-shadow-rgb: 217, 164, 6;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(255, 205.4, 56.6);--bs-btn-active-border-color: rgb(255, 199.2, 31.8);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #ffc107;--bs-btn-disabled-border-color: #ffc107}.btn-danger{--bs-btn-color: #fff;--bs-btn-bg: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(187, 45.05, 58.65);--bs-btn-hover-border-color: rgb(176, 42.4, 55.2);--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(176, 42.4, 55.2);--bs-btn-active-border-color: rgb(165, 39.75, 51.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #dc3545;--bs-btn-disabled-border-color: #dc3545}.btn-light{--bs-btn-color: #000;--bs-btn-bg: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);--bs-btn-hover-border-color: rgb(198.4, 199.2, 200);--bs-btn-focus-shadow-rgb: 211, 212, 213;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(198.4, 199.2, 200);--bs-btn-active-border-color: rgb(186, 186.75, 187.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #f8f9fa;--bs-btn-disabled-border-color: #f8f9fa}.btn-dark{--bs-btn-color: #fff;--bs-btn-bg: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);--bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-focus-shadow-rgb: 66, 70, 73;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(77.4, 80.6, 83.8);--bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #212529;--bs-btn-disabled-border-color: #212529}.btn-outline-primary{--bs-btn-color: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #0d6efd;--bs-btn-hover-border-color: #0d6efd;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0d6efd;--bs-btn-active-border-color: #0d6efd;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0d6efd;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0d6efd;--bs-gradient: none}.btn-outline-secondary{--bs-btn-color: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #6c757d;--bs-btn-hover-border-color: #6c757d;--bs-btn-focus-shadow-rgb: 108, 117, 125;--bs-btn-active-color: #fff;--bs-btn-active-bg: #6c757d;--bs-btn-active-border-color: #6c757d;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none}.btn-outline-success{--bs-btn-color: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #198754;--bs-btn-hover-border-color: #198754;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: #198754;--bs-btn-active-border-color: #198754;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #198754;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #198754;--bs-gradient: none}.btn-outline-info{--bs-btn-color: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #0dcaf0;--bs-btn-hover-border-color: #0dcaf0;--bs-btn-focus-shadow-rgb: 13, 202, 240;--bs-btn-active-color: #000;--bs-btn-active-bg: #0dcaf0;--bs-btn-active-border-color: #0dcaf0;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0dcaf0;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0dcaf0;--bs-gradient: none}.btn-outline-warning{--bs-btn-color: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #ffc107;--bs-btn-hover-border-color: #ffc107;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #000;--bs-btn-active-bg: #ffc107;--bs-btn-active-border-color: #ffc107;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #ffc107;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #ffc107;--bs-gradient: none}.btn-outline-danger{--bs-btn-color: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #dc3545;--bs-btn-hover-border-color: #dc3545;--bs-btn-focus-shadow-rgb: 220, 53, 69;--bs-btn-active-color: #fff;--bs-btn-active-bg: #dc3545;--bs-btn-active-border-color: #dc3545;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #dc3545;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #dc3545;--bs-gradient: none}.btn-outline-light{--bs-btn-color: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #f8f9fa;--bs-btn-hover-border-color: #f8f9fa;--bs-btn-focus-shadow-rgb: 248, 249, 250;--bs-btn-active-color: #000;--bs-btn-active-bg: #f8f9fa;--bs-btn-active-border-color: #f8f9fa;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #f8f9fa;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #f8f9fa;--bs-gradient: none}.btn-outline-dark{--bs-btn-color: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #212529;--bs-btn-hover-border-color: #212529;--bs-btn-focus-shadow-rgb: 33, 37, 41;--bs-btn-active-color: #fff;--bs-btn-active-bg: #212529;--bs-btn-active-border-color: #212529;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #212529;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #212529;--bs-gradient: none}.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: var(--bs-link-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;--bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg,.btn-group-lg>.btn{--bs-btn-padding-y: 0.5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius: var(--bs-border-radius-lg)}.btn-sm,.btn-group-sm>.btn{--bs-btn-padding-y: 0.25rem;--bs-btn-padding-x: 0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius: var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1400px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){margin-left:calc(-1*var(--bs-border-width))}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:calc(-1*var(--bs-border-width))}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1*var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1*var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: 0.125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid rgba(0,0,0,0)}.nav-underline .nav-link:hover,.nav-underline .nav-link:focus{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: 0.5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: 0.3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: 0.5rem;--bs-navbar-toggler-padding-y: 0.25rem;--bs-navbar-toggler-padding-x: 0.75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: 0.25rem;--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: 0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:rgba(0,0,0,0);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, 0.55);--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: 0.5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: 0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer{border-bottom-left-radius:0}}.accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media(prefers-reduced-motion: reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media(prefers-reduced-motion: reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: 0.5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x: 0.75rem;--bs-pagination-padding-y: 0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1*var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: 0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: 0.5rem;--bs-pagination-padding-y: 0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x: 0.65em;--bs-badge-padding-y: 0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight: 700;--bs-badge-color: #fff;--bs-badge-border-radius: var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius: var(--bs-border-radius);--bs-alert-link-color: inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color: var(--bs-primary-text-emphasis);--bs-alert-bg: var(--bs-primary-bg-subtle);--bs-alert-border-color: var(--bs-primary-border-subtle);--bs-alert-link-color: var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color: var(--bs-secondary-text-emphasis);--bs-alert-bg: var(--bs-secondary-bg-subtle);--bs-alert-border-color: var(--bs-secondary-border-subtle);--bs-alert-link-color: var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color: var(--bs-success-text-emphasis);--bs-alert-bg: var(--bs-success-bg-subtle);--bs-alert-border-color: var(--bs-success-border-subtle);--bs-alert-link-color: var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);--bs-alert-bg: var(--bs-info-bg-subtle);--bs-alert-border-color: var(--bs-info-border-subtle);--bs-alert-link-color: var(--bs-info-text-emphasis)}.alert-warning,.alert.unsupported-browser{--bs-alert-color: var(--bs-warning-text-emphasis);--bs-alert-bg: var(--bs-warning-bg-subtle);--bs-alert-border-color: var(--bs-warning-border-subtle);--bs-alert-link-color: var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color: var(--bs-danger-text-emphasis);--bs-alert-bg: var(--bs-danger-bg-subtle);--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color: var(--bs-light-text-emphasis);--bs-alert-bg: var(--bs-light-bg-subtle);--bs-alert-border-color: var(--bs-light-border-subtle);--bs-alert-link-color: var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color: var(--bs-dark-text-emphasis);--bs-alert-bg: var(--bs-dark-bg-subtle);--bs-alert-border-color: var(--bs-dark-border-subtle);--bs-alert-link-color: var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color: var(--bs-body-color);--bs-list-group-bg: var(--bs-body-bg);--bs-list-group-border-color: var(--bs-border-color);--bs-list-group-border-width: var(--bs-border-width);--bs-list-group-border-radius: var(--bs-border-radius);--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: 0.5rem;--bs-list-group-action-color: var(--bs-secondary-color);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);--bs-list-group-action-active-color: var(--bs-body-color);--bs-list-group-action-active-bg: var(--bs-secondary-bg);--bs-list-group-disabled-color: var(--bs-secondary-color);--bs-list-group-disabled-bg: var(--bs-body-bg);--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1*var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color: var(--bs-primary-text-emphasis);--bs-list-group-bg: var(--bs-primary-bg-subtle);--bs-list-group-border-color: var(--bs-primary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);--bs-list-group-active-color: var(--bs-primary-bg-subtle);--bs-list-group-active-bg: var(--bs-primary-text-emphasis);--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color: var(--bs-secondary-text-emphasis);--bs-list-group-bg: var(--bs-secondary-bg-subtle);--bs-list-group-border-color: var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);--bs-list-group-active-color: var(--bs-secondary-bg-subtle);--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color: var(--bs-success-text-emphasis);--bs-list-group-bg: var(--bs-success-bg-subtle);--bs-list-group-border-color: var(--bs-success-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-success-border-subtle);--bs-list-group-active-color: var(--bs-success-bg-subtle);--bs-list-group-active-bg: var(--bs-success-text-emphasis);--bs-list-group-active-border-color: var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color: var(--bs-info-text-emphasis);--bs-list-group-bg: var(--bs-info-bg-subtle);--bs-list-group-border-color: var(--bs-info-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-info-border-subtle);--bs-list-group-active-color: var(--bs-info-bg-subtle);--bs-list-group-active-bg: var(--bs-info-text-emphasis);--bs-list-group-active-border-color: var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color: var(--bs-warning-text-emphasis);--bs-list-group-bg: var(--bs-warning-bg-subtle);--bs-list-group-border-color: var(--bs-warning-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);--bs-list-group-active-color: var(--bs-warning-bg-subtle);--bs-list-group-active-bg: var(--bs-warning-text-emphasis);--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color: var(--bs-danger-text-emphasis);--bs-list-group-bg: var(--bs-danger-bg-subtle);--bs-list-group-border-color: var(--bs-danger-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);--bs-list-group-active-color: var(--bs-danger-bg-subtle);--bs-list-group-active-bg: var(--bs-danger-text-emphasis);--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color: var(--bs-light-text-emphasis);--bs-list-group-bg: var(--bs-light-bg-subtle);--bs-list-group-border-color: var(--bs-light-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-light-border-subtle);--bs-list-group-active-color: var(--bs-light-bg-subtle);--bs-list-group-active-bg: var(--bs-light-text-emphasis);--bs-list-group-active-border-color: var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color: var(--bs-dark-text-emphasis);--bs-list-group-bg: var(--bs-dark-bg-subtle);--bs-list-group-border-color: var(--bs-dark-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);--bs-list-group-active-color: var(--bs-dark-bg-subtle);--bs-list-group-active-bg: var(--bs-dark-text-emphasis);--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity: 0.5;--bs-btn-close-hover-opacity: 0.75;--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: 0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:rgba(0,0,0,0) var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: 0.75rem;--bs-toast-padding-y: 0.5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-0.5*var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex: 1055;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: 0.5rem;--bs-modal-color: var(--bs-body-color);--bs-modal-bg: var(--bs-body-bg);--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: var(--bs-border-width);--bs-modal-border-radius: var(--bs-border-radius-lg);--bs-modal-box-shadow: var(--bs-box-shadow-sm);--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1rem 1rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: var(--bs-border-width);--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: 0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0, -50px);transition:transform .3s ease-out}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);margin-top:calc(-0.5*var(--bs-modal-header-padding-y));margin-right:calc(-0.5*var(--bs-modal-header-padding-x));margin-bottom:calc(-0.5*var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width: 300px}}@media(min-width: 992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}@media(min-width: 1200px){.modal-xl{--bs-modal-width: 1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width: 575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width: 767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width: 991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width: 1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width: 1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size:0.875rem;--bs-popover-bg: var(--bs-body-bg);--bs-popover-border-width: var(--bs-border-width);--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: var(--bs-border-radius-lg);--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow: var(--bs-box-shadow);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: 0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: inherit;--bs-popover-header-bg: var(--bs-secondary-bg);--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: var(--bs-body-color);--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: 0.5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-0.5*var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg: #fff;--bs-carousel-caption-color: #fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}.spinner-grow,.spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) /* rtl:ignore */}}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-border-width: 0.25em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:rgba(0,0,0,0)}.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: 0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed: 1.5s}}.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{--bs-offcanvas-zindex: 1045;--bs-offcanvas-width: 400px;--bs-offcanvas-height: 30vh;--bs-offcanvas-padding-x: 1rem;--bs-offcanvas-padding-y: 1rem;--bs-offcanvas-color: var(--bs-body-color);--bs-offcanvas-bg: var(--bs-body-bg);--bs-offcanvas-border-width: var(--bs-border-width);--bs-offcanvas-border-color: var(--bs-border-color-translucent);--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);--bs-offcanvas-transition: transform 0.3s ease-in-out;--bs-offcanvas-title-line-height: 1.5}@media(max-width: 575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){.offcanvas-sm{transition:none}}@media(max-width: 575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){transform:none}.offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{visibility:visible}}@media(min-width: 576px){.offcanvas-sm{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 767.98px)and (prefers-reduced-motion: reduce){.offcanvas-md{transition:none}}@media(max-width: 767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.showing,.offcanvas-md.show:not(.hiding){transform:none}.offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{visibility:visible}}@media(min-width: 768px){.offcanvas-md{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 991.98px)and (prefers-reduced-motion: reduce){.offcanvas-lg{transition:none}}@media(max-width: 991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){transform:none}.offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{visibility:visible}}@media(min-width: 992px){.offcanvas-lg{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){.offcanvas-xl{transition:none}}@media(max-width: 1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){transform:none}.offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{visibility:visible}}@media(min-width: 1200px){.offcanvas-xl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 1399.98px)and (prefers-reduced-motion: reduce){.offcanvas-xxl{transition:none}}@media(max-width: 1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){transform:none}.offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show{visibility:visible}}@media(min-width: 1400px){.offcanvas-xxl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media(prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none}.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);margin-top:calc(-0.5*var(--bs-offcanvas-padding-y));margin-right:calc(-0.5*var(--bs-offcanvas-padding-x));margin-bottom:calc(-0.5*var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media(prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media(min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.object-fit-contain{object-fit:contain !important}.object-fit-cover{object-fit:cover !important}.object-fit-fill{object-fit:fill !important}.object-fit-scale{object-fit:scale-down !important}.object-fit-none{object-fit:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:var(--bs-box-shadow) !important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm) !important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg) !important}.shadow-none{box-shadow:none !important}.focus-ring-primary{--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.start-0{left:0 !important}.start-50{left:50% !important}.start-100{left:100% !important}.end-0{right:0 !important}.end-50{right:50% !important}.end-100{right:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-0{border:0 !important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-top-0{border-top:0 !important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-end-0{border-right:0 !important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-bottom-0{border-bottom:0 !important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-start-0{border-left:0 !important}.border-primary{--bs-border-opacity: 1;border-color:rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important}.border-secondary{--bs-border-opacity: 1;border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important}.border-success{--bs-border-opacity: 1;border-color:rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important}.border-info{--bs-border-opacity: 1;border-color:rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important}.border-warning{--bs-border-opacity: 1;border-color:rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important}.border-danger{--bs-border-opacity: 1;border-color:rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important}.border-light{--bs-border-opacity: 1;border-color:rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important}.border-dark{--bs-border-opacity: 1;border-color:rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important}.border-black{--bs-border-opacity: 1;border-color:rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important}.border-white{--bs-border-opacity: 1;border-color:rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle) !important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle) !important}.border-success-subtle{border-color:var(--bs-success-border-subtle) !important}.border-info-subtle{border-color:var(--bs-info-border-subtle) !important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle) !important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle) !important}.border-light-subtle{border-color:var(--bs-light-border-subtle) !important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle) !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.border-opacity-10{--bs-border-opacity: 0.1}.border-opacity-25{--bs-border-opacity: 0.25}.border-opacity-50{--bs-border-opacity: 0.5}.border-opacity-75{--bs-border-opacity: 0.75}.border-opacity-100{--bs-border-opacity: 1}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse,.result_body{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2,#aux_col .card:nth-child(1n+2){margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.row-gap-0{row-gap:0 !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:3rem !important}.column-gap-0{column-gap:0 !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:3rem !important}.font-monospace{font-family:var(--bs-font-monospace) !important}.fs-1{font-size:calc(1.375rem + 1.5vw) !important}.fs-2{font-size:calc(1.325rem + 0.9vw) !important}.fs-3{font-size:calc(1.3rem + 0.6vw) !important}.fs-4{font-size:calc(1.275rem + 0.3vw) !important}.fs-5{font-size:1.25rem !important}.fs-6{font-size:1rem !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-lighter{font-weight:lighter !important}.fw-light{font-weight:300 !important}.fw-normal{font-weight:400 !important}.fw-medium{font-weight:500 !important}.fw-semibold{font-weight:600 !important}.fw-bold{font-weight:700 !important}.fw-bolder{font-weight:bolder !important}.lh-1{line-height:1 !important}.lh-sm{line-height:1.25 !important}.lh-base{line-height:1.5 !important}.lh-lg{line-height:2 !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}.text-muted{--bs-text-opacity: 1;color:var(--bs-secondary-color) !important}.text-black-50{--bs-text-opacity: 1;color:rgba(0,0,0,.5) !important}.text-white-50{--bs-text-opacity: 1;color:hsla(0,0%,100%,.5) !important}.text-body-secondary{--bs-text-opacity: 1;color:var(--bs-secondary-color) !important}.text-body-tertiary{--bs-text-opacity: 1;color:var(--bs-tertiary-color) !important}.text-body-emphasis{--bs-text-opacity: 1;color:var(--bs-emphasis-color) !important}.text-reset{--bs-text-opacity: 1;color:inherit !important}.text-opacity-25{--bs-text-opacity: 0.25}.text-opacity-50{--bs-text-opacity: 0.5}.text-opacity-75{--bs-text-opacity: 0.75}.text-opacity-100{--bs-text-opacity: 1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis) !important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis) !important}.text-success-emphasis{color:var(--bs-success-text-emphasis) !important}.text-info-emphasis{color:var(--bs-info-text-emphasis) !important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis) !important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis) !important}.text-light-emphasis{color:var(--bs-light-text-emphasis) !important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis) !important}.link-opacity-10{--bs-link-opacity: 0.1}.link-opacity-10-hover:hover{--bs-link-opacity: 0.1}.link-opacity-25{--bs-link-opacity: 0.25}.link-opacity-25-hover:hover{--bs-link-opacity: 0.25}.link-opacity-50{--bs-link-opacity: 0.5}.link-opacity-50-hover:hover{--bs-link-opacity: 0.5}.link-opacity-75{--bs-link-opacity: 0.75}.link-opacity-75-hover:hover{--bs-link-opacity: 0.75}.link-opacity-100{--bs-link-opacity: 1}.link-opacity-100-hover:hover{--bs-link-opacity: 1}.link-offset-1{text-underline-offset:.125em !important}.link-offset-1-hover:hover{text-underline-offset:.125em !important}.link-offset-2{text-underline-offset:.25em !important}.link-offset-2-hover:hover{text-underline-offset:.25em !important}.link-offset-3{text-underline-offset:.375em !important}.link-offset-3-hover:hover{text-underline-offset:.375em !important}.link-underline-primary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-secondary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-success{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-info{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-warning{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-danger{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-light{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-dark{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important}.link-underline{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-underline-opacity-0{--bs-link-underline-opacity: 0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity: 0}.link-underline-opacity-10{--bs-link-underline-opacity: 0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity: 0.1}.link-underline-opacity-25{--bs-link-underline-opacity: 0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity: 0.25}.link-underline-opacity-50{--bs-link-underline-opacity: 0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity: 0.5}.link-underline-opacity-75{--bs-link-underline-opacity: 0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity: 0.75}.link-underline-opacity-100{--bs-link-underline-opacity: 1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity: 1}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}.bg-transparent{--bs-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-body-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important}.bg-body-tertiary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important}.bg-opacity-10{--bs-bg-opacity: 0.1}.bg-opacity-25{--bs-bg-opacity: 0.25}.bg-opacity-50{--bs-bg-opacity: 0.5}.bg-opacity-75{--bs-bg-opacity: 0.75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle) !important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle) !important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle) !important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle) !important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle) !important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle) !important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle) !important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle) !important}.bg-gradient{background-image:var(--bs-gradient) !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.rounded{border-radius:var(--bs-border-radius) !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:var(--bs-border-radius-sm) !important}.rounded-2{border-radius:var(--bs-border-radius) !important}.rounded-3{border-radius:var(--bs-border-radius-lg) !important}.rounded-4{border-radius:var(--bs-border-radius-xl) !important}.rounded-5{border-radius:var(--bs-border-radius-xxl) !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:var(--bs-border-radius-pill) !important}.rounded-top{border-top-left-radius:var(--bs-border-radius) !important;border-top-right-radius:var(--bs-border-radius) !important}.rounded-top-0{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm) !important;border-top-right-radius:var(--bs-border-radius-sm) !important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius) !important;border-top-right-radius:var(--bs-border-radius) !important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg) !important;border-top-right-radius:var(--bs-border-radius-lg) !important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl) !important;border-top-right-radius:var(--bs-border-radius-xl) !important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl) !important;border-top-right-radius:var(--bs-border-radius-xxl) !important}.rounded-top-circle{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill) !important;border-top-right-radius:var(--bs-border-radius-pill) !important}.rounded-end{border-top-right-radius:var(--bs-border-radius) !important;border-bottom-right-radius:var(--bs-border-radius) !important}.rounded-end-0{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm) !important;border-bottom-right-radius:var(--bs-border-radius-sm) !important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius) !important;border-bottom-right-radius:var(--bs-border-radius) !important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg) !important;border-bottom-right-radius:var(--bs-border-radius-lg) !important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl) !important;border-bottom-right-radius:var(--bs-border-radius-xl) !important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl) !important;border-bottom-right-radius:var(--bs-border-radius-xxl) !important}.rounded-end-circle{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill) !important;border-bottom-right-radius:var(--bs-border-radius-pill) !important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius) !important;border-bottom-left-radius:var(--bs-border-radius) !important}.rounded-bottom-0{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm) !important;border-bottom-left-radius:var(--bs-border-radius-sm) !important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius) !important;border-bottom-left-radius:var(--bs-border-radius) !important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg) !important;border-bottom-left-radius:var(--bs-border-radius-lg) !important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl) !important;border-bottom-left-radius:var(--bs-border-radius-xl) !important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl) !important;border-bottom-left-radius:var(--bs-border-radius-xxl) !important}.rounded-bottom-circle{border-bottom-right-radius:50% !important;border-bottom-left-radius:50% !important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill) !important;border-bottom-left-radius:var(--bs-border-radius-pill) !important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius) !important;border-top-left-radius:var(--bs-border-radius) !important}.rounded-start-0{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm) !important;border-top-left-radius:var(--bs-border-radius-sm) !important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius) !important;border-top-left-radius:var(--bs-border-radius) !important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg) !important;border-top-left-radius:var(--bs-border-radius-lg) !important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl) !important;border-top-left-radius:var(--bs-border-radius-xl) !important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl) !important;border-top-left-radius:var(--bs-border-radius-xxl) !important}.rounded-start-circle{border-bottom-left-radius:50% !important;border-top-left-radius:50% !important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill) !important;border-top-left-radius:var(--bs-border-radius-pill) !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.z-n1{z-index:-1 !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}@media(min-width: 576px){.float-sm-start{float:left !important}.float-sm-end{float:right !important}.float-sm-none{float:none !important}.object-fit-sm-contain{object-fit:contain !important}.object-fit-sm-cover{object-fit:cover !important}.object-fit-sm-fill{object-fit:fill !important}.object-fit-sm-scale{object-fit:scale-down !important}.object-fit-sm-none{object-fit:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-inline-grid{display:inline-grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.25rem !important}.m-sm-2{margin:.5rem !important}.m-sm-3{margin:1rem !important}.m-sm-4{margin:1.5rem !important}.m-sm-5{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.25rem !important}.mt-sm-2{margin-top:.5rem !important}.mt-sm-3{margin-top:1rem !important}.mt-sm-4{margin-top:1.5rem !important}.mt-sm-5{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.me-sm-0{margin-right:0 !important}.me-sm-1{margin-right:.25rem !important}.me-sm-2{margin-right:.5rem !important}.me-sm-3{margin-right:1rem !important}.me-sm-4{margin-right:1.5rem !important}.me-sm-5{margin-right:3rem !important}.me-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.25rem !important}.mb-sm-2{margin-bottom:.5rem !important}.mb-sm-3{margin-bottom:1rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.mb-sm-5{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ms-sm-0{margin-left:0 !important}.ms-sm-1{margin-left:.25rem !important}.ms-sm-2{margin-left:.5rem !important}.ms-sm-3{margin-left:1rem !important}.ms-sm-4{margin-left:1.5rem !important}.ms-sm-5{margin-left:3rem !important}.ms-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.25rem !important}.p-sm-2{padding:.5rem !important}.p-sm-3{padding:1rem !important}.p-sm-4{padding:1.5rem !important}.p-sm-5{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.25rem !important}.pt-sm-2{padding-top:.5rem !important}.pt-sm-3{padding-top:1rem !important}.pt-sm-4{padding-top:1.5rem !important}.pt-sm-5{padding-top:3rem !important}.pe-sm-0{padding-right:0 !important}.pe-sm-1{padding-right:.25rem !important}.pe-sm-2{padding-right:.5rem !important}.pe-sm-3{padding-right:1rem !important}.pe-sm-4{padding-right:1.5rem !important}.pe-sm-5{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.25rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pb-sm-3{padding-bottom:1rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pb-sm-5{padding-bottom:3rem !important}.ps-sm-0{padding-left:0 !important}.ps-sm-1{padding-left:.25rem !important}.ps-sm-2{padding-left:.5rem !important}.ps-sm-3{padding-left:1rem !important}.ps-sm-4{padding-left:1.5rem !important}.ps-sm-5{padding-left:3rem !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.25rem !important}.gap-sm-2{gap:.5rem !important}.gap-sm-3{gap:1rem !important}.gap-sm-4{gap:1.5rem !important}.gap-sm-5{gap:3rem !important}.row-gap-sm-0{row-gap:0 !important}.row-gap-sm-1{row-gap:.25rem !important}.row-gap-sm-2{row-gap:.5rem !important}.row-gap-sm-3{row-gap:1rem !important}.row-gap-sm-4{row-gap:1.5rem !important}.row-gap-sm-5{row-gap:3rem !important}.column-gap-sm-0{column-gap:0 !important}.column-gap-sm-1{column-gap:.25rem !important}.column-gap-sm-2{column-gap:.5rem !important}.column-gap-sm-3{column-gap:1rem !important}.column-gap-sm-4{column-gap:1.5rem !important}.column-gap-sm-5{column-gap:3rem !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.float-md-start{float:left !important}.float-md-end{float:right !important}.float-md-none{float:none !important}.object-fit-md-contain{object-fit:contain !important}.object-fit-md-cover{object-fit:cover !important}.object-fit-md-fill{object-fit:fill !important}.object-fit-md-scale{object-fit:scale-down !important}.object-fit-md-none{object-fit:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-inline-grid{display:inline-grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row,.result_body{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.25rem !important}.m-md-2{margin:.5rem !important}.m-md-3{margin:1rem !important}.m-md-4{margin:1.5rem !important}.m-md-5{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.25rem !important}.mt-md-2{margin-top:.5rem !important}.mt-md-3{margin-top:1rem !important}.mt-md-4{margin-top:1.5rem !important}.mt-md-5{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.me-md-0{margin-right:0 !important}.me-md-1{margin-right:.25rem !important}.me-md-2{margin-right:.5rem !important}.me-md-3{margin-right:1rem !important}.me-md-4{margin-right:1.5rem !important}.me-md-5{margin-right:3rem !important}.me-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.25rem !important}.mb-md-2{margin-bottom:.5rem !important}.mb-md-3{margin-bottom:1rem !important}.mb-md-4{margin-bottom:1.5rem !important}.mb-md-5{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ms-md-0{margin-left:0 !important}.ms-md-1{margin-left:.25rem !important}.ms-md-2{margin-left:.5rem !important}.ms-md-3{margin-left:1rem !important}.ms-md-4{margin-left:1.5rem !important}.ms-md-5{margin-left:3rem !important}.ms-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.25rem !important}.p-md-2{padding:.5rem !important}.p-md-3{padding:1rem !important}.p-md-4{padding:1.5rem !important}.p-md-5{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.25rem !important}.pt-md-2{padding-top:.5rem !important}.pt-md-3{padding-top:1rem !important}.pt-md-4{padding-top:1.5rem !important}.pt-md-5{padding-top:3rem !important}.pe-md-0{padding-right:0 !important}.pe-md-1{padding-right:.25rem !important}.pe-md-2{padding-right:.5rem !important}.pe-md-3{padding-right:1rem !important}.pe-md-4{padding-right:1.5rem !important}.pe-md-5{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.25rem !important}.pb-md-2{padding-bottom:.5rem !important}.pb-md-3{padding-bottom:1rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pb-md-5{padding-bottom:3rem !important}.ps-md-0{padding-left:0 !important}.ps-md-1{padding-left:.25rem !important}.ps-md-2{padding-left:.5rem !important}.ps-md-3{padding-left:1rem !important}.ps-md-4{padding-left:1.5rem !important}.ps-md-5{padding-left:3rem !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.25rem !important}.gap-md-2{gap:.5rem !important}.gap-md-3{gap:1rem !important}.gap-md-4{gap:1.5rem !important}.gap-md-5{gap:3rem !important}.row-gap-md-0{row-gap:0 !important}.row-gap-md-1{row-gap:.25rem !important}.row-gap-md-2{row-gap:.5rem !important}.row-gap-md-3{row-gap:1rem !important}.row-gap-md-4{row-gap:1.5rem !important}.row-gap-md-5{row-gap:3rem !important}.column-gap-md-0{column-gap:0 !important}.column-gap-md-1{column-gap:.25rem !important}.column-gap-md-2{column-gap:.5rem !important}.column-gap-md-3{column-gap:1rem !important}.column-gap-md-4{column-gap:1.5rem !important}.column-gap-md-5{column-gap:3rem !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.float-lg-start{float:left !important}.float-lg-end{float:right !important}.float-lg-none{float:none !important}.object-fit-lg-contain{object-fit:contain !important}.object-fit-lg-cover{object-fit:cover !important}.object-fit-lg-fill{object-fit:fill !important}.object-fit-lg-scale{object-fit:scale-down !important}.object-fit-lg-none{object-fit:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-inline-grid{display:inline-grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.25rem !important}.m-lg-2{margin:.5rem !important}.m-lg-3{margin:1rem !important}.m-lg-4{margin:1.5rem !important}.m-lg-5{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.25rem !important}.mt-lg-2{margin-top:.5rem !important}.mt-lg-3{margin-top:1rem !important}.mt-lg-4{margin-top:1.5rem !important}.mt-lg-5{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.me-lg-0{margin-right:0 !important}.me-lg-1{margin-right:.25rem !important}.me-lg-2{margin-right:.5rem !important}.me-lg-3{margin-right:1rem !important}.me-lg-4{margin-right:1.5rem !important}.me-lg-5{margin-right:3rem !important}.me-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.25rem !important}.mb-lg-2{margin-bottom:.5rem !important}.mb-lg-3{margin-bottom:1rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.mb-lg-5{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ms-lg-0{margin-left:0 !important}.ms-lg-1{margin-left:.25rem !important}.ms-lg-2{margin-left:.5rem !important}.ms-lg-3{margin-left:1rem !important}.ms-lg-4{margin-left:1.5rem !important}.ms-lg-5{margin-left:3rem !important}.ms-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.25rem !important}.p-lg-2{padding:.5rem !important}.p-lg-3{padding:1rem !important}.p-lg-4{padding:1.5rem !important}.p-lg-5{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.25rem !important}.pt-lg-2{padding-top:.5rem !important}.pt-lg-3{padding-top:1rem !important}.pt-lg-4{padding-top:1.5rem !important}.pt-lg-5{padding-top:3rem !important}.pe-lg-0{padding-right:0 !important}.pe-lg-1{padding-right:.25rem !important}.pe-lg-2{padding-right:.5rem !important}.pe-lg-3{padding-right:1rem !important}.pe-lg-4{padding-right:1.5rem !important}.pe-lg-5{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.25rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pb-lg-3{padding-bottom:1rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pb-lg-5{padding-bottom:3rem !important}.ps-lg-0{padding-left:0 !important}.ps-lg-1{padding-left:.25rem !important}.ps-lg-2{padding-left:.5rem !important}.ps-lg-3{padding-left:1rem !important}.ps-lg-4{padding-left:1.5rem !important}.ps-lg-5{padding-left:3rem !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.25rem !important}.gap-lg-2{gap:.5rem !important}.gap-lg-3{gap:1rem !important}.gap-lg-4{gap:1.5rem !important}.gap-lg-5{gap:3rem !important}.row-gap-lg-0{row-gap:0 !important}.row-gap-lg-1{row-gap:.25rem !important}.row-gap-lg-2{row-gap:.5rem !important}.row-gap-lg-3{row-gap:1rem !important}.row-gap-lg-4{row-gap:1.5rem !important}.row-gap-lg-5{row-gap:3rem !important}.column-gap-lg-0{column-gap:0 !important}.column-gap-lg-1{column-gap:.25rem !important}.column-gap-lg-2{column-gap:.5rem !important}.column-gap-lg-3{column-gap:1rem !important}.column-gap-lg-4{column-gap:1.5rem !important}.column-gap-lg-5{column-gap:3rem !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.float-xl-start{float:left !important}.float-xl-end{float:right !important}.float-xl-none{float:none !important}.object-fit-xl-contain{object-fit:contain !important}.object-fit-xl-cover{object-fit:cover !important}.object-fit-xl-fill{object-fit:fill !important}.object-fit-xl-scale{object-fit:scale-down !important}.object-fit-xl-none{object-fit:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-inline-grid{display:inline-grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.25rem !important}.m-xl-2{margin:.5rem !important}.m-xl-3{margin:1rem !important}.m-xl-4{margin:1.5rem !important}.m-xl-5{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.25rem !important}.mt-xl-2{margin-top:.5rem !important}.mt-xl-3{margin-top:1rem !important}.mt-xl-4{margin-top:1.5rem !important}.mt-xl-5{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.me-xl-0{margin-right:0 !important}.me-xl-1{margin-right:.25rem !important}.me-xl-2{margin-right:.5rem !important}.me-xl-3{margin-right:1rem !important}.me-xl-4{margin-right:1.5rem !important}.me-xl-5{margin-right:3rem !important}.me-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.25rem !important}.mb-xl-2{margin-bottom:.5rem !important}.mb-xl-3{margin-bottom:1rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.mb-xl-5{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ms-xl-0{margin-left:0 !important}.ms-xl-1{margin-left:.25rem !important}.ms-xl-2{margin-left:.5rem !important}.ms-xl-3{margin-left:1rem !important}.ms-xl-4{margin-left:1.5rem !important}.ms-xl-5{margin-left:3rem !important}.ms-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.25rem !important}.p-xl-2{padding:.5rem !important}.p-xl-3{padding:1rem !important}.p-xl-4{padding:1.5rem !important}.p-xl-5{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.25rem !important}.pt-xl-2{padding-top:.5rem !important}.pt-xl-3{padding-top:1rem !important}.pt-xl-4{padding-top:1.5rem !important}.pt-xl-5{padding-top:3rem !important}.pe-xl-0{padding-right:0 !important}.pe-xl-1{padding-right:.25rem !important}.pe-xl-2{padding-right:.5rem !important}.pe-xl-3{padding-right:1rem !important}.pe-xl-4{padding-right:1.5rem !important}.pe-xl-5{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.25rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pb-xl-3{padding-bottom:1rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pb-xl-5{padding-bottom:3rem !important}.ps-xl-0{padding-left:0 !important}.ps-xl-1{padding-left:.25rem !important}.ps-xl-2{padding-left:.5rem !important}.ps-xl-3{padding-left:1rem !important}.ps-xl-4{padding-left:1.5rem !important}.ps-xl-5{padding-left:3rem !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.25rem !important}.gap-xl-2{gap:.5rem !important}.gap-xl-3{gap:1rem !important}.gap-xl-4{gap:1.5rem !important}.gap-xl-5{gap:3rem !important}.row-gap-xl-0{row-gap:0 !important}.row-gap-xl-1{row-gap:.25rem !important}.row-gap-xl-2{row-gap:.5rem !important}.row-gap-xl-3{row-gap:1rem !important}.row-gap-xl-4{row-gap:1.5rem !important}.row-gap-xl-5{row-gap:3rem !important}.column-gap-xl-0{column-gap:0 !important}.column-gap-xl-1{column-gap:.25rem !important}.column-gap-xl-2{column-gap:.5rem !important}.column-gap-xl-3{column-gap:1rem !important}.column-gap-xl-4{column-gap:1.5rem !important}.column-gap-xl-5{column-gap:3rem !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){.float-xxl-start{float:left !important}.float-xxl-end{float:right !important}.float-xxl-none{float:none !important}.object-fit-xxl-contain{object-fit:contain !important}.object-fit-xxl-cover{object-fit:cover !important}.object-fit-xxl-fill{object-fit:fill !important}.object-fit-xxl-scale{object-fit:scale-down !important}.object-fit-xxl-none{object-fit:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-inline-grid{display:inline-grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.25rem !important}.m-xxl-2{margin:.5rem !important}.m-xxl-3{margin:1rem !important}.m-xxl-4{margin:1.5rem !important}.m-xxl-5{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.25rem !important}.mt-xxl-2{margin-top:.5rem !important}.mt-xxl-3{margin-top:1rem !important}.mt-xxl-4{margin-top:1.5rem !important}.mt-xxl-5{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.me-xxl-0{margin-right:0 !important}.me-xxl-1{margin-right:.25rem !important}.me-xxl-2{margin-right:.5rem !important}.me-xxl-3{margin-right:1rem !important}.me-xxl-4{margin-right:1.5rem !important}.me-xxl-5{margin-right:3rem !important}.me-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.25rem !important}.mb-xxl-2{margin-bottom:.5rem !important}.mb-xxl-3{margin-bottom:1rem !important}.mb-xxl-4{margin-bottom:1.5rem !important}.mb-xxl-5{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ms-xxl-0{margin-left:0 !important}.ms-xxl-1{margin-left:.25rem !important}.ms-xxl-2{margin-left:.5rem !important}.ms-xxl-3{margin-left:1rem !important}.ms-xxl-4{margin-left:1.5rem !important}.ms-xxl-5{margin-left:3rem !important}.ms-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.25rem !important}.p-xxl-2{padding:.5rem !important}.p-xxl-3{padding:1rem !important}.p-xxl-4{padding:1.5rem !important}.p-xxl-5{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.25rem !important}.pt-xxl-2{padding-top:.5rem !important}.pt-xxl-3{padding-top:1rem !important}.pt-xxl-4{padding-top:1.5rem !important}.pt-xxl-5{padding-top:3rem !important}.pe-xxl-0{padding-right:0 !important}.pe-xxl-1{padding-right:.25rem !important}.pe-xxl-2{padding-right:.5rem !important}.pe-xxl-3{padding-right:1rem !important}.pe-xxl-4{padding-right:1.5rem !important}.pe-xxl-5{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.25rem !important}.pb-xxl-2{padding-bottom:.5rem !important}.pb-xxl-3{padding-bottom:1rem !important}.pb-xxl-4{padding-bottom:1.5rem !important}.pb-xxl-5{padding-bottom:3rem !important}.ps-xxl-0{padding-left:0 !important}.ps-xxl-1{padding-left:.25rem !important}.ps-xxl-2{padding-left:.5rem !important}.ps-xxl-3{padding-left:1rem !important}.ps-xxl-4{padding-left:1.5rem !important}.ps-xxl-5{padding-left:3rem !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.25rem !important}.gap-xxl-2{gap:.5rem !important}.gap-xxl-3{gap:1rem !important}.gap-xxl-4{gap:1.5rem !important}.gap-xxl-5{gap:3rem !important}.row-gap-xxl-0{row-gap:0 !important}.row-gap-xxl-1{row-gap:.25rem !important}.row-gap-xxl-2{row-gap:.5rem !important}.row-gap-xxl-3{row-gap:1rem !important}.row-gap-xxl-4{row-gap:1.5rem !important}.row-gap-xxl-5{row-gap:3rem !important}.column-gap-xxl-0{column-gap:0 !important}.column-gap-xxl-1{column-gap:.25rem !important}.column-gap-xxl-2{column-gap:.5rem !important}.column-gap-xxl-3{column-gap:1rem !important}.column-gap-xxl-4{column-gap:1.5rem !important}.column-gap-xxl-5{column-gap:3rem !important}.text-xxl-start{text-align:left !important}.text-xxl-end{text-align:right !important}.text-xxl-center{text-align:center !important}}@media(min-width: 1200px){.fs-1{font-size:2.5rem !important}.fs-2{font-size:2rem !important}.fs-3{font-size:1.75rem !important}.fs-4{font-size:1.5rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-inline-grid{display:inline-grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:0}100%{transform:perspective(400px) rotateX(90deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.fast{animation-duration:.5s}.animated.flipOutX{backface-visibility:visible !important;animation-name:flipOutX}.animated.flipInX{backface-visibility:visible !important;animation-name:flipInX}:target{scroll-margin-top:115px}@media(min-width: 768px){.navbar-right{float:right !important;margin-right:-15px}}.navbar-dbt{background-color:rgba(0,130.9,81.8125,.98);border-bottom:none;backdrop-filter:blur(5px);padding:0;min-height:50px}.navbar-dbt .nav-item a,.navbar-dbt .nav-item .nav-link{text-decoration:none !important}@media(min-width: 768px){.navbar-dbt{margin-bottom:20px;margin-left:-15px;margin-right:-15px}}@media(max-width: 575.98px){.navbar-dbt{background-color:hsla(0,0%,100%,.98)}}@media(max-width: 575.98px)and (orientation: landscape){.navbar-dbt{box-shadow:-2px 0px 4px rgba(0,0,0,.2)}}@media(max-width: 575.98px)and (max-height: 479px){.navbar-dbt{box-shadow:-2px 0px 4px rgba(0,0,0,.2)}}.navbar-dbt>.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(max-width: 575.98px){.navbar-dbt>.container{max-width:100%}}@media(max-width: 575.98px){.navbar-dbt .navbar-brand{padding-top:5px}}@media(min-width: 768px){.navbar-dbt .navbar-brand,.navbar-dbt .navbar-brand:hover{background-color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 2px 8px rgba(0,0,0,.2);height:115px;position:absolute;top:0;z-index:1035;margin-left:-15px;padding:5px 15px}}.navbar-dbt .navbar-brand>.img-placeholder{height:40px;width:150px;background:url("/dbt-logo.svg") 0 0 no-repeat;background-size:auto 40px;display:block}@media(min-width: 768px){.navbar-dbt .navbar-brand>.img-placeholder{background-position:0 28px;background-size:100% auto;height:100%;max-width:150px}}.navbar-dbt .navbar-toggler{background-color:rgba(0,130.9,81.8125,.97);border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:18px 12px;margin-top:0;margin-right:5px;margin-bottom:0;transform:skew(-20deg, 0)}.navbar-dbt .navbar-toggler:hover,.navbar-dbt .navbar-toggler:focus{background-color:rgba(0,130.9,81.8125,.8)}.navbar-dbt .navbar-toggler .icon-bar{background-color:#fff;display:block;width:22px;height:2px;border-radius:1px}.navbar-dbt .navbar-toggler .icon-bar+.icon-bar{margin-top:4px}.navbar-dbt .navbar-toggler.plus-sign .icon-bar{transition:.25s ease-in-out;transform:rotate(0deg)}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(2){transform:rotate(135deg);margin-top:8px}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(3){opacity:0}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(4){transform:rotate(-135deg);margin-top:-8px;margin-bottom:4px}@media(min-width: 768px){.navbar-dbt #navbar{margin-left:180px}}@media(max-width: 575.98px){.navbar-dbt #navbar.collapse.in{box-shadow:0px 2px 4px rgba(0,0,0,.2)}}.navbar-dbt #navbar .navbar-nav.navbar-right>li{text-align:center;min-width:40px}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav:nth-child(1){border-bottom:1px solid #ddd;margin-bottom:0}.navbar-dbt #navbar .navbar-nav.navbar-right{float:right;margin:0}.navbar-dbt #navbar .navbar-nav.navbar-right>li{float:left}}.navbar-dbt #navbar .navbar-nav>.open>a,.navbar-dbt #navbar .navbar-nav>.open>a:hover,.navbar-dbt #navbar .navbar-nav>.open>a:focus{background-color:hsla(0,0%,100%,.25);color:#fff}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>.open>a,.navbar-dbt #navbar .navbar-nav>.open>a:hover,.navbar-dbt #navbar .navbar-nav>.open>a:focus{background-color:rgba(0,130.9,81.8125,.25);color:#292929}}.navbar-dbt #navbar .navbar-nav>li>a.nav-link{padding-top:.8rem;padding-bottom:.8rem}.navbar-dbt #navbar .navbar-nav>li>a.nav-link:focus{outline:0}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li .dropdown-toggle.waves-effect.waves-light .waves-ripple,.navbar-dbt #navbar .navbar-nav>li a.waves-effect.waves-light .waves-ripple{background:rgba(0,0,0,.2);background:radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)}}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{font-size:1rem;border:none}@media(min-width: 576px){.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{box-shadow:0px 2px 8px rgba(0,0,0,.2);min-width:168px;margin-top:0}}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{background:none;box-shadow:none}}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li a{color:#292929}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:hover a,.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:focus a{color:#000}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li.active a,.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:active a{color:#fff}.navbar-dbt #navbar .navbar-nav>li>a{color:#fff;font-size:1rem;text-transform:uppercase}.navbar-dbt #navbar .navbar-nav>li>a:hover{color:#ddd}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li>a{color:#292929}.navbar-dbt #navbar .navbar-nav>li>a:hover{color:#000}}.navbar-dbt #navbar .navbar-right{margin-left:auto;margin-right:-15px}.navbar-dbt #user-info{width:300px}.navbar-dbt #user-info .controls{background-color:hsl(0,0%,95%)}@media(max-width: 575.98px){.navbar-dbt #user-info{width:auto}.navbar-dbt #user-info .controls{background:none}}#container-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-10;opacity:0;display:block;background-color:rgba(51,51,51,.9);backdrop-filter:blur(5px);pointer-events:none;transition:opacity .15s linear}#container-overlay.collapse.show{z-index:1025;pointer-events:all;opacity:1}@media(min-width: 576px){.breadcrumb{margin-top:0}}.breadcrumb .dropdown-toggle.waves-effect{display:inline}.breadcrumb .dropdown-item a{color:#292929}.breadcrumb .dropdown-item:hover a,.breadcrumb .dropdown-item:focus a{color:#000}.breadcrumb .dropdown-item.active a,.breadcrumb .dropdown-item:active a{color:#fff}.searchbar{background-color:hsla(0,0%,100%,.98);position:fixed;top:50px;right:0;left:0;height:auto !important;padding:5px 0;z-index:1025;border-bottom:1px solid #e0e0e0;box-shadow:-2px 0px 4px rgba(0,0,0,.2);backdrop-filter:blur(5px)}@media(max-width: 575.98px){.searchbar .container{max-width:100%}}@media(max-width: 575.98px)and (orientation: landscape){.searchbar{position:absolute;box-shadow:"none"}}@media(max-width: 575.98px)and (max-height: 479px){.searchbar{position:absolute;box-shadow:"none"}}.searchbar .navbar-form{padding:0 10px;margin-left:-15px;margin-right:-15px}@media(max-width: 575.98px){.searchbar .navbar-form .input-group{width:100%}}.searchbar .navbar-form .input-group .form-control{background-color:rgba(248,248,248,.9);font-size:16px}.searchbar .navbar-form .input-group .input-group>.btn>button,.searchbar .navbar-form .input-group .input-group>.btn.btn{color:#888;border-left:0}footer{padding-top:10px;padding-bottom:20px;line-height:2.1818em;color:rgb(79.25,79.25,79.25)}@media(max-width: 767.98px){footer #footer-nav{text-align:center}}footer .info{line-height:.75em;font-size:.846em}footer ul.nav-footer{display:inline-block;list-style:none;margin:0;padding:0}footer ul.nav-footer li{float:left;padding:0 0 0 5px}footer ul.nav-footer li:first-child{padding:0}footer ul.nav-footer li:last-child:after{content:"";padding:0}footer ul.nav-footer li:after{content:"|";padding:0 5px 0 10px}footer .language-select ul .language,footer .language-select div .language,footer .language-select button span.language{background-repeat:no-repeat;background-size:18px 12px;background-position:center center}footer .language-select ul .de.language,footer .language-select div .de.language,footer .language-select button span.de.language{background-image:url("assets/dbt/images/icons/lng_de.gif") !important}footer .language-select ul .en.language,footer .language-select div .en.language,footer .language-select button span.en.language{background-image:url("assets/dbt/images/icons/lng_en.gif")}footer .language-select button{margin-top:-15px}footer .language-select button span.language{display:inline-block;text-indent:-9999px;width:30px}footer .language-select ul .language,footer .language-select div .language{padding-left:30px;background-position:5px center}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a:hover,a:focus{text-decoration:underline}body{background-color:hsl(0,0%,95%);backface-visibility:hidden}body>section{background-color:#fff}h1,.h1,h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{hyphens:auto}.hyphens{hyphens:auto}.btn{box-shadow:0 -2px 0 rgba(0,0,0,.05) inset}.btn.btn-outline-secondary{color:#333;background-color:#fff;border-color:#ccc}.minw-0{min-width:0}.minw-25{min-width:25%}.minw-50{min-width:50%}.minw-75{min-width:75%}#main_content{background-color:#fff;margin-top:100px;padding-top:15px;padding-bottom:30px;height:100%}@media(min-width: 576px){#main_content{padding-top:30px}}#page{min-height:100%}hgroup{border-bottom:1px solid #ccc;margin-bottom:20px}hgroup:before,hgroup:after{content:" ";display:table}hgroup:after{clear:both}hgroup h1,hgroup .h1{color:#2a3644;font-weight:500;font-size:1.4130434783em;margin-top:0}hgroup h2,hgroup .h2{color:#2a3644;font-size:1.125em;margin:0;padding-bottom:10px}.badges .badge{margin-right:.5rem}.badges .badge:nth-last-child(1){margin-right:0}.card .card-header>a[data-toggle=collapse]:after,.card .card-header>a[aria-expanded=false]:after,.card .card-header>a.collapsed:after,.card .card-header>button[data-toggle=collapse]:after,.card .card-header>button[aria-expanded=false]:after,.card .card-header>button.collapsed:after{content:"";display:flex;font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;margin-left:.5rem}.card .card-header>a[aria-expanded=true]:after,.card .card-header>button[aria-expanded=true]:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;margin-left:.5rem}.card .card-body .pagination{margin:0;margin-bottom:.5rem}.ellipsis.ellipsis-text{position:relative}.ellipsis.ellipsis-text>p{max-height:240px;overflow:hidden;overflow-x:hidden;overflow-y:auto;text-align:justify;-webkit-overflow-scrolling:touch}.ellipsis.ellipsis-text>p::-webkit-scrollbar{display:none}.ellipsis.ellipsis-text>p span{padding-bottom:15px;margin-bottom:-15px}.ellipsis.ellipsis-text:after{display:block;position:absolute;content:" ";bottom:0;height:30px;width:100%;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 90%);background-repeat:repeat-x}.ellipsis.ellipsis-text .readless,.ellipsis.ellipsis-text .readmore{display:none !important}.scroll-container{position:relative}.scroll-container .scrolling-container{overflow:hidden;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scroll-container .scrolling-container::-webkit-scrollbar{display:none}.scroll-container .fade-left,.scroll-container .fade-right{visibility:hidden;opacity:0;z-index:2;position:absolute;display:block;width:30px;top:0;bottom:0;transition-duration:.3s;transform:translateZ(0);margin:0;text-align:center}.scroll-container .fade-left.scrolling,.scroll-container .fade-right.scrolling{visibility:visible;opacity:1;transition-duration:.3s}.scroll-container .fade-left .fa,.scroll-container .fade-right .fa{position:relative;top:5px;font-size:18px;color:rgb(0,130.9,81.8125)}.scroll-container .fade-left{background:linear-gradient(to right, #fff 45%, rgba(249.9, 249.9, 249.9, 0.6));left:-10px}.scroll-container .fade-left .fa{left:-2px}.scroll-container .fade-right{background:linear-gradient(to left, #fff 45%, rgba(249.9, 249.9, 249.9, 0.6));right:-10px}.scroll-container .fade-right .fa{right:-2px}.alert{border:0;border-left:3px solid #eee;border-radius:2px;margin:20px 0;padding:20px}.alert h4,.alert .h4{margin-bottom:5px;margin-top:0}.alert-info{background-color:#f4f8fa;border-color:#5bc0de}.alert-info h4,.alert-info .h4{color:#5bc0de}.alert-warning,.alert.unsupported-browser{background-color:#fcf8f2;border-color:#f0ad4e}.alert-warning h4,.alert.unsupported-browser h4,.alert-warning .h4,.alert.unsupported-browser .h4{color:#f0ad4e}.alert-danger{background-color:#fdf7f7;border-color:#d9534f}.alert-danger h4,.alert-danger .h4{color:#d9534f}.alert-success{background-color:#dff0d8;border-color:#298703}.alert-success h4,.alert-success .h4{color:#298703}.alert+.alert{margin-top:-5px}.btn-secondary{border-color:#ccc}.carousel-indicators li{border-radius:0;transform:skew(-20deg, 0)}#rc-list table{margin-bottom:0}#rc-list table>tbody td{padding-top:.25rem;padding-bottom:.25rem}#rc-list .pagination{margin:0}#rcOptionMenu+div{z-index:2000}.slot-body .entry-text[format=html]{hyphens:auto}.slot-body .entry-text img{max-width:100%}.slot-body .entry-text pre>code{white-space:pre-wrap}.slot-body .entry-webLink a,.slot-body .entry-file a{hyphens:auto}.slot-body .entry-mcrobject .hit_download_box{float:left;display:none}.slot-body .entry-mcrobject .hit_download_box img{max-width:75px}.slot-body .entry-mcrobject .hit_tnd_container,.slot-body .entry-mcrobject .hit_title,.slot-body .entry-mcrobject .hit_author,.slot-body .entry-mcrobject .hit_abstract{padding-left:0}.slot-body .entry-mcrobject .hit_tnd_container .hit_tnd_content{display:flex;flex-direction:row}.slot-body .entry-mcrobject .hit_tnd_container .hit_tnd_content .badge{margin-right:.5em}.slot-body .entry-mcrobject .hit_title{font-size:1rem;margin-bottom:0}.slot-body .entry-mcrobject .hit_author{font-size:.9rem;font-style:italic}.slot-body .entry-opcrecord.border-left{border-width:3px !important}.slot-body .entry-placeholder{border:1px dashed #ccc;background-color:#fafafa;margin:5px 0}.slot-body .dragged{position:absolute;opacity:.5;z-index:2000}body.dragging,body.dragging *{cursor:move !important}#validTo>option.not-settable{color:#dc3545}#slots .slot-active>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #bfd255 0%, #8eb92a 5%, #72aa00 6%, rgba(158, 203, 45, 0) 10%)}#slots .slot-archived>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #fceabb 0%, #fccd4d 5%, #f8b500 6%, rgba(251, 223, 147, 0) 10%)}#slots .slot-free>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #f85032 0%, #f16f5c 5%, #f6290c 6%, rgba(231, 56, 39, 0) 10%)}#slots .slot-reserved>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #e2e2e2 0%, #dbdbdb 5%, #d1d1d1 6%, rgba(254, 254, 254, 0) 10%)}#slots .slot-active-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #bfd255 0%, #8eb92a 5%, #72aa00 6%, #9ecb2d 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-archived-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #fceabb 0%, #fccd4d 5%, #f8b500 6%, #fbdf93 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-free-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #f85032 0%, #f16f5c 5%, #f6290c 6%, #e73827 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-reserved-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #e2e2e2 0%, #dbdbdb 5%, #d1d1d1 6%, #fefefe 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-pending-active>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #72aa00 6%, rgba(158, 203, 45, 0) 10%)}#slots .slot-pending-archived>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #f8b500 6%, rgba(251, 223, 147, 0) 10%)}#slots .slot-pending-free>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #f6290c 6%, rgba(231, 56, 39, 0) 10%)}#slots .slot-pending-reserved>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #d1d1d1 6%, rgba(254, 254, 254, 0) 10%)}#slots .slot-pending-validating>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #89c3eb 6%, rgba(213, 235, 251, 0) 10%)}.video-js{color:#000;background-color:rgba(0,0,0,.5)}.video-js:focus{outline-style:none !important;outline-color:rgba(0,0,0,0) !important;outline-width:0 !important}.video-js video{margin-bottom:-2px}.video-js .vjs-poster{text-align:center;vertical-align:middle}.video-js .vjs-poster>img{height:100%}.video-js .vjs-big-play-button{background-color:rgba(0,130.9,81.8125,.8);border-color:#fff;left:50%;margin:-0.75em 0 0 -1.5em;top:50%}.video-js .vjs-big-play-button:before{color:#fff}.video-js .vjs-big-play-button>.vjs-icon-placeholder{color:#fff}.video-js .vjs-control-bar{background-color:hsla(0,0%,100%,.85);position:absolute;bottom:0px}.video-js .vjs-control-bar .vjs-icon-placeholder:hover{color:rgb(0,130.9,81.8125)}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:hsla(0,0%,100%,.85)}.video-js .vjs-menu li.vjs-menu-item:hover{background-color:rgba(0,130.9,81.8125,.2);color:rgb(0,130.9,81.8125)}.video-js .vjs-slider{background:rgba(128,128,128,.6)}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background-color:#000}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:rgba(0,130.9,81.8125,.4)}#powered_by{background-color:rgba(0,0,0,0);border-top:none}footer{--bs-link-color-rgb: 0, 126, 79}.mir-badge-container [class*=mir-badge-genre-]{background-color:rgba(var(--bs-info-rgb))}.mir-badge-container .mir-badge-state-published{background-color:rgba(var(--bs-success-rgb))}.mir-badge-container .mir-badge-state-submitted,.mir-badge-container .mir-badge-state-new,.mir-badge-container .mir-badge-state-imported{background-color:rgba(var(--bs-warning-rgb))}.mir-badge-container .mir-badge-state-review{background-color:rgba(var(--bs-primary-rgb))}.mir-badge-container .mir-badge-state-blocked,.mir-badge-container .mir-badge-state-deleted{background-color:rgba(var(--bs-danger-rgb))}.mir-badge-container .mir-badge-oa-true{background-color:rgba(var(--bs-success-rgb))}.mir-badge-container .mir-badge-oa-false{background-color:rgba(var(--bs-warning-rgb))}div.detail_row h3.card-title,div.detail_row .card-title.h3{font-size:1.15rem;margin-bottom:0}#head_col #badges{overflow:hidden;overflow-y:hidden;overflow-x:visible;float:left;height:25px;width:100%;white-space:nowrap;margin-bottom:.5rem}#head_col #badges::-webkit-scrollbar{display:none}#head_col #badges *{display:inline;margin-right:5px}#head_col #badges *:nth-last-child(1){margin-right:0}.file_box .file_toggle{box-shadow:none}.file_box .options .btn{box-shadow:none}#mir-thumbnail-panel img{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19)}#badges .doc_state .mir-deleted{color:rgb(234,133.8,143.4);background-color:rgb(44,10.6,13.8)}#badges .doc_state span{background-color:#2e2e2e}div.result_searchline form.search_form .input-group-sm .btn,div.result_searchline form.search_form .input-group-sm .form-control{font-size:1rem}div.result_searchline form.search_form .input-group-sm .fa-search,div.result_searchline form.search_form .input-group-sm .fa-magnifying-glass{margin-right:.4rem}.result_body .result_filter{--bs-warning-rgb: 179, 97, 15;float:unset}@media(min-width: 768px){.result_body .result_filter .card{min-width:339px;max-width:340px}}.result_body .result_filter .card.worldReadableComplete li[data-fq^=worldReadableComplete] .title:before{font-family:"Font Awesome 6 Free"}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content{overflow:hidden;overflow-y:hidden;overflow-x:visible;float:left;height:25px;width:100%;white-space:nowrap}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content::-webkit-scrollbar{display:none}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content *{display:inline;margin-right:5px}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content *:nth-last-child(1){margin-right:0}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content>div{float:none}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content>div:nth-child(n+1){margin-left:0}.result_body .result_list #hit_list .hit_download_box .hit_icon[style*="icon_common.png"]{background:none !important}.result_body .result_list #hit_list .hit_download_box .hit_icon[src*="icon_common_disabled.png"]{visibility:hidden}@media(min-width: 768px){.result_body .result_list #hit_list .hit_download_box .hit_icon[src*="icon_common_disabled.png"]{display:none}}@media(max-width: 575.98px){.result_body .result_list #hit_list .hit_download_box .hit_icon{background-color:#fff;background-size:cover;background-repeat:no-repeat;border:1px solid var(--bs-border-color-translucent);height:90px}}@media(min-width: 768px)and (orientation: landscape){.result_body .result_list #hit_list .hit_download_box .hit_icon{background-color:#fff;background-size:cover;background-repeat:no-repeat;border:1px solid var(--bs-border-color-translucent);height:90px}}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay{display:none}@media(max-width: 575.98px){.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]{display:none}.vendor-webkit .result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+span{position:absolute;top:5px;display:block;height:80px;width:50px;mask-size:50px 80px;background:rgb(0,130.9,81.8125)}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg{position:absolute;top:5px;left:12px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg,.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{display:block;height:80px;width:50px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{background-color:rgb(0,130.9,81.8125)}}@media(min-width: 768px)and (orientation: landscape){.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]{display:none}.vendor-webkit .result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+span{position:absolute;top:5px;display:block;height:80px;width:50px;mask-size:50px 80px;background:rgb(0,130.9,81.8125)}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg{position:absolute;top:5px;left:12px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg,.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{display:block;height:80px;width:50px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{background-color:rgb(0,130.9,81.8125)}}.result_body .result_list #hit_list .hit_item .hit_state .mir-deleted{color:rgb(234,133.8,143.4);background-color:rgb(44,10.6,13.8)}.result_body .result_list #hit_list .hit_item .hit_state span{background-color:#2e2e2e}form.form-login{max-width:20rem}form.form-login .form-actions{display:flex;gap:.5rem}.dropdown-menu .dropdown-item a{color:#292929;display:block}.dropdown-menu .dropdown-item:hover a,.dropdown-menu .dropdown-item:focus a{color:#000}.dropdown-menu .dropdown-item.active a,.dropdown-menu .dropdown-item:active a{color:#fff}#container-main form .expand-item{position:inherit}#container-main form div.is-invalid{color:var(--bs-form-invalid-color)}#container-main form div.is-invalid input,#container-main form div.is-invalid select{border-color:var(--bs-form-invalid-color)}#container-main form .mir-fieldset-legend{border-color:rgba(0,130.9,81.8125,.25)}#container-main form div.mir-fieldset-content>div.form-group>div.col-md-6{border-color:rgba(0,130.9,81.8125,.25)}#container-main form .search-completion{box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19)}#container-main form .select2-selection{border:1px solid var(--bs-border-color);height:calc(1.5em + .75rem + 2px);padding:.175rem .75rem}#container-main form .select2-selection__arrow{top:8px}.navbar-dbt .navbar-brand>.img-placeholder{background-image:url("/dbt-logo.svg")}footer .language-select ul .de.language,footer .language-select div .de.language,footer .language-select button span.de.language{background-image:url("./assets/dbt/images/icons/lng_de.gif") !important}footer .language-select ul .en.language,footer .language-select div .en.language,footer .language-select button span.en.language{background-image:url("./assets/dbt/images/icons/lng_en.gif") !important}.fa-magnifying-glass::before,.fa-search::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-0.125em;background:url("./assets/dbt/images/icons/search.png") center/contain no-repeat}.navbar-dbt .fa-magnifying-glass::before,.navbar-dbt .fa-search::before{filter:brightness(0) invert(1)}
diff --git a/src/main/podcast/src/main.ts b/src/main/podcast/src/main.ts
new file mode 100644
index 00000000..03989db7
--- /dev/null
+++ b/src/main/podcast/src/main.ts
@@ -0,0 +1,9 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(createPinia())
+
+app.mount('#main_content')
\ No newline at end of file
diff --git a/src/main/podcast/src/router/router.ts b/src/main/podcast/src/router/router.ts
new file mode 100644
index 00000000..de4f2362
--- /dev/null
+++ b/src/main/podcast/src/router/router.ts
@@ -0,0 +1,36 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Podcasts from '../views/Podcasts.vue'
+import Playlist from '../views/Playlist.vue'
+import NotFound from '../views/NotFound.vue'
+
+const configuredBasePath = document
+    .querySelector<HTMLMetaElement>('meta[name="podcast-base-path"]')
+    ?.content
+
+const basePath = configuredBasePath
+    ? new URL(configuredBasePath, window.location.origin).pathname
+    : '/podcast/'
+
+const router = createRouter({
+    history: createWebHistory(basePath),
+    routes: [
+        {
+            path: '/',
+            name: 'podcasts',
+            component: Podcasts,
+        },
+        {
+            path: '/:podcastId',
+            name: 'podcast',
+            component: Playlist,
+            props: true,
+        },
+        {
+            path: '/:pathMatch(.*)*',
+            name: 'not-found',
+            component: NotFound,
+        },
+    ],
+})
+
+export default router
diff --git a/src/main/podcast/src/stores/player.ts b/src/main/podcast/src/stores/player.ts
new file mode 100644
index 00000000..b0c4db6a
--- /dev/null
+++ b/src/main/podcast/src/stores/player.ts
@@ -0,0 +1,119 @@
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import type { PodcastEpisode } from '../types/types'
+
+export const usePlayerStore = defineStore('player', () => {
+    const episode = ref<PodcastEpisode | null>(null)
+    const episodes = ref<PodcastEpisode[]>([])
+    const isPlaying = ref(false)
+    const playlistTitle = ref('')
+
+    const currentTime = ref(0)
+    const duration = ref(0)
+
+    const remainingTime = computed(() =>
+        Math.max(0, duration.value - currentTime.value)
+    )
+
+    const currentEpisodeIndex = computed(() => {
+        if (!episode.value) {
+            return -1
+        }
+
+        return episodes.value.findIndex(
+            item => item.guid === episode.value?.guid
+        )
+    })
+
+    function setPlaylist(newEpisodes: PodcastEpisode[], title: string): void {
+        episodes.value = newEpisodes
+        playlistTitle.value = title
+    }
+
+    function selectEpisode(newEpisode: PodcastEpisode): void {
+        episode.value = newEpisode
+    }
+
+    function nextEpisode(): void {
+        if (
+            currentEpisodeIndex.value < 0 ||
+            currentEpisodeIndex.value >= episodes.value.length - 1
+        ) {
+            return
+        }
+
+        episode.value =
+            episodes.value[currentEpisodeIndex.value + 1]
+    }
+
+    function previousEpisode(): void {
+        if (currentEpisodeIndex.value <= 0) {
+            return
+        }
+
+        episode.value =
+            episodes.value[currentEpisodeIndex.value - 1]
+    }
+
+    function closePlayer(){
+        episode.value = null
+    }
+
+    function toggleEpisode(selectedEpisode: PodcastEpisode) {
+        if (episode.value?.guid === selectedEpisode.guid) {
+            isPlaying.value = !isPlaying.value
+        } else {
+            selectEpisode(selectedEpisode)
+        }
+    }
+
+    function formatTime(seconds: number): string {
+        if (!Number.isFinite(seconds)) {
+            return '0:00'
+        }
+
+        const totalSeconds =
+            Math.floor(seconds)
+
+        const hours =
+            Math.floor(totalSeconds / 3600)
+
+        const minutes =
+            Math.floor((totalSeconds % 3600) / 60)
+
+        const secs =
+            totalSeconds % 60
+
+        if (hours > 0) {
+            return `${hours}:${minutes
+                .toString()
+                .padStart(2, '0')}:${secs
+                .toString()
+                .padStart(2, '0')}`
+        }
+
+        return `${minutes}:${secs
+            .toString()
+            .padStart(2, '0')}`
+    }
+
+
+    return {
+        episode,
+        episodes,
+        isPlaying,
+        playlistTitle,
+        currentEpisodeIndex,
+        currentTime,
+        duration,
+        remainingTime,
+
+        setPlaylist,
+        selectEpisode,
+        nextEpisode,
+        previousEpisode,
+        closePlayer,
+        toggleEpisode,
+        formatTime
+    }
+})
\ No newline at end of file
diff --git a/src/main/podcast/src/style.css b/src/main/podcast/src/style.css
new file mode 100644
index 00000000..8c4aea69
--- /dev/null
+++ b/src/main/podcast/src/style.css
@@ -0,0 +1,3 @@
+#main_content > .container[data-v-app] {
+  min-width: 0;
+}
diff --git a/src/main/podcast/src/types/types.ts b/src/main/podcast/src/types/types.ts
new file mode 100644
index 00000000..bfa65a34
--- /dev/null
+++ b/src/main/podcast/src/types/types.ts
@@ -0,0 +1,123 @@
+export interface SolrResponse {
+    responseHeader: SolrResponseHeader
+    response: SolrResult
+    facet_counts: SolrFacetCounts
+}
+
+export interface SolrResponseHeader {
+    zkConnected: boolean
+    status: number
+    QTime: number
+    params: Record<string, string | string[]>
+}
+
+export interface SolrResult {
+    numFound: number
+    start: number
+    maxScore: number
+    numFoundExact: boolean
+    docs: SolrDocument[]
+}
+
+export interface SolrDocument {
+    objectKind: string
+    id: string
+    returnId: string
+    objectProject: string
+    objectType: string
+
+    link: string[]
+
+    modified: string
+    created: string
+    modifiedby: string
+    createdby: string
+
+    state: string
+
+    derCount: number
+    derivates: string[]
+
+    worldReadable: boolean
+    worldReadableComplete: boolean
+
+    category: string[]
+    'category.top': string[]
+
+    'mods.title': string[]
+    'mods.title.main': string
+
+    'mods.name': string[]
+    'mods.name.top': string[]
+
+    'mods.author': string[]
+
+    'mods.publisher'?: string[]
+
+    'mods.genre': string[]
+
+    'mods.abstract': string[]
+
+    'mods.dateIssued': string
+    'mods.yearIssued': number
+    'mods.type': string
+
+    search_result_link_text: string
+
+    'mods.pindexname': string[]
+    'mods.pindexname.published': string[]
+
+    'mods.nameByRole.personal.aut': string[]
+    'mods.nameByRole.personal.own'?: string[]
+
+    'mods.abstract.result': string
+    'mods.abstract.result.de': string[]
+
+    'mir.toc.title': string
+    'mir.toc.authors': string
+
+    _version_: number
+    score: number
+}
+
+export interface SolrFacetCounts {
+    facet_queries: Record<string, unknown>
+
+    facet_fields: {
+        'mods.genre': (string | number)[]
+        worldReadableComplete: (string | number)[]
+    }
+
+    facet_ranges: Record<string, unknown>
+    facet_intervals: Record<string, unknown>
+    facet_heatmaps: Record<string, unknown>
+}
+
+export interface PodcastEpisode {
+    title: string
+    link: string
+    author: string[]
+    description: string
+    image: string
+    audioUrl: string
+    audioLength: number
+    audioType: string
+    guid: string
+    pubDate: string
+    duration: string
+}
+
+export interface PodcastPlaylist {
+    title: string
+    link: string
+    language: string
+    explicit: boolean
+    author: string[]
+    description: string
+    ownerName: string
+    ownerEmail: string
+    image: string
+    category: string
+    subcategory: string
+    episodes: PodcastEpisode[]
+}
diff --git a/src/main/podcast/src/utils/XMLParser.ts b/src/main/podcast/src/utils/XMLParser.ts
new file mode 100644
index 00000000..d65d17a7
--- /dev/null
+++ b/src/main/podcast/src/utils/XMLParser.ts
@@ -0,0 +1,232 @@
+import type {
+    PodcastEpisode,
+    PodcastPlaylist
+} from '../types/types.ts'
+
+const ITUNES_NS =
+    'http://www.itunes.com/dtds/podcast-1.0.dtd'
+
+function getText(
+    element: Element,
+    tagName: string
+): string {
+    return (
+        element
+            .getElementsByTagName(tagName)[0]
+            ?.textContent
+            ?.trim() ?? ''
+    )
+}
+
+function getItunesText(
+    element: Element,
+    tagName: string
+): string {
+    return (
+        element
+            .getElementsByTagNameNS(
+                ITUNES_NS,
+                tagName
+            )[0]
+            ?.textContent
+            ?.trim() ?? ''
+    )
+}
+
+function getItunesAuthors(
+    element: Element
+): string[] {
+    return getItunesText(element, 'author')
+        .split(';')
+        .map(author => author.trim())
+        .filter(Boolean)
+}
+
+function getItunesAttribute(
+    element: Element,
+    tagName: string,
+    attributeName: string
+): string {
+    return (
+        element
+            .getElementsByTagNameNS(
+                ITUNES_NS,
+                tagName
+            )[0]
+            ?.getAttribute(attributeName) ?? ''
+    )
+}
+
+function parsePodcastXml(
+    xmlString: string
+): PodcastPlaylist {
+    const parser = new DOMParser()
+
+    const xml = parser.parseFromString(
+        xmlString,
+        'application/xml'
+    )
+
+    const parserError =
+        xml.querySelector('parsererror')
+
+    if (parserError) {
+        throw new Error(
+            'Podcast XML konnte nicht verarbeitet werden'
+        )
+    }
+
+    const channel =
+        xml.getElementsByTagName('channel')[0]
+
+    if (!channel) {
+        throw new Error(
+            'RSS channel wurde nicht gefunden'
+        )
+    }
+
+    const categories =
+        channel.getElementsByTagNameNS(
+            ITUNES_NS,
+            'category'
+        )
+
+    const category =
+        categories[0]
+            ?.getAttribute('text') ?? ''
+
+    const subcategory =
+        categories[1]
+            ?.getAttribute('text') ?? ''
+
+    const owner =
+        channel.getElementsByTagNameNS(
+            ITUNES_NS,
+            'owner'
+        )[0]
+
+    const ownerName =
+        owner
+            ? getItunesText(owner, 'name')
+            : ''
+
+    const ownerEmail =
+        owner
+            ? getItunesText(owner, 'email')
+            : ''
+
+    const items = Array.from(
+        channel.getElementsByTagName('item')
+    )
+
+    const episodes: PodcastEpisode[] =
+        items.map((item) => {
+            const enclosure =
+                item.getElementsByTagName(
+                    'enclosure'
+                )[0]
+
+            return {
+                title:
+                    getText(item, 'title'),
+
+                link:
+                    getText(item, 'link'),
+
+                author:
+                    getItunesAuthors(item),
+
+                description:
+                    getText(
+                        item,
+                        'description'
+                    ),
+
+                image:
+                    getItunesAttribute(
+                        item,
+                        'image',
+                        'href'
+                    ),
+
+                audioUrl:
+                    enclosure
+                        ?.getAttribute('url') ?? '',
+
+                audioLength:
+                    Number(
+                        enclosure
+                            ?.getAttribute(
+                                'length'
+                            ) ?? 0
+                    ),
+
+                audioType:
+                    enclosure
+                        ?.getAttribute('type') ?? '',
+
+                guid:
+                    getText(item, 'guid'),
+
+                pubDate:
+                    getText(
+                        item,
+                        'pubDate'
+                    ),
+
+                duration:
+                    getItunesText(
+                        item,
+                        'duration'
+                    )
+            }
+        })
+
+    return {
+        title:
+            getText(channel, 'title'),
+
+        link:
+            getText(channel, 'link'),
+
+        language:
+            getText(
+                channel,
+                'language'
+            ),
+
+        explicit:
+            getItunesText(
+                channel,
+                'explicit'
+            ).toLowerCase() === 'true',
+
+        author:
+            getItunesAuthors(channel),
+
+        description:
+            getText(
+                channel,
+                'description'
+            ),
+
+        ownerName,
+
+        ownerEmail,
+
+        image:
+            getItunesAttribute(
+                channel,
+                'image',
+                'href'
+            ),
+
+        category,
+
+        subcategory,
+
+        episodes
+    }
+}
+
+export default parsePodcastXml
\ No newline at end of file
diff --git a/src/main/podcast/src/utils/requestReceive.ts b/src/main/podcast/src/utils/requestReceive.ts
new file mode 100644
index 00000000..4d925581
--- /dev/null
+++ b/src/main/podcast/src/utils/requestReceive.ts
@@ -0,0 +1,11 @@
+export default async function requestReceive(id: string): Promise<string> {
+    const response = await fetch(
+        `/mir/receive/${id}?XSL.Style=podcast`
+    )
+
+    if (!response.ok) {
+        throw new Error(`Request failed with status ${response.status}`)
+    }
+
+    return response.text()
+}
\ No newline at end of file
diff --git a/src/main/podcast/src/utils/requestSolr.ts b/src/main/podcast/src/utils/requestSolr.ts
new file mode 100644
index 00000000..bdc70318
--- /dev/null
+++ b/src/main/podcast/src/utils/requestSolr.ts
@@ -0,0 +1,11 @@
+export default async function requestSolr(
+    params: URLSearchParams
+):Promise<string> {
+    const response = await fetch(`/mir/servlets/solr/find?${params}`)
+
+    if (!response.ok) {
+        throw new Error(`Request failed with status ${response.status}`)
+    }
+
+    return response.text()
+}
diff --git a/src/main/podcast/src/views/NotFound.vue b/src/main/podcast/src/views/NotFound.vue
new file mode 100644
index 00000000..8bdf2e27
--- /dev/null
+++ b/src/main/podcast/src/views/NotFound.vue
@@ -0,0 +1,10 @@
+<template>
+  <section class="py-5" aria-labelledby="not-found-title">
+    <h1 id="not-found-title" class="display-6 fw-semibold">
+      Seite nicht gefunden
+    </h1>
+    <RouterLink :to="{ name: 'podcasts' }" class="text-success">
+      Zur Podcast-&Uuml;bersicht
+    </RouterLink>
+  </section>
+</template>
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
new file mode 100644
index 00000000..34137285
--- /dev/null
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+import type { PodcastPlaylist } from '../types/types.ts'
+
+import parsePodcastXml from '../utils/XMLParser.ts'
+import requestReceive from '../utils/requestReceive'
+
+import LoadingState from '../components/LoadingState.vue'
+import ErrorState from '../components/ErrorState.vue'
+import PlaylistHeader from '../components/PlaylistHeader.vue'
+import PlaylistEpisode from '../components/PlaylistEpisode.vue'
+
+
+const { podcastId } = defineProps<{
+  podcastId: string
+}>()
+
+const error = ref<string | null>(null)
+const isError = ref(false)
+const isLoading = ref(false)
+
+const playlistMetadata = ref<PodcastPlaylist | null>(null)
+
+async function getPlaylistMetadata(): Promise<void> {
+  isError.value = false
+  error.value = null
+  isLoading.value = true
+
+  try {
+    const xmlString = await requestReceive(podcastId)
+
+    playlistMetadata.value =
+        parsePodcastXml(xmlString)
+
+  } catch (err) {
+
+    error.value =
+        err instanceof Error
+            ? err.message
+            : 'Unknown error'
+
+    isError.value = true
+
+  } finally {
+    isLoading.value = false
+  }
+}
+
+
+onMounted(() => {
+  getPlaylistMetadata()
+  window.scrollTo(0, 0)
+})
+</script>
+
+<template>
+  <section class="py-5" aria-labelledby="podcast-title">
+    <RouterLink
+        :to="{ name: 'podcasts' }"
+        class="text-success"
+    >
+      &larr; Zur Podcast-&Uuml;bersicht
+    </RouterLink>
+
+    <LoadingState v-if="isLoading" />
+
+    <ErrorState v-else-if="isError">{{error}}</ErrorState>
+
+    <section v-else-if="playlistMetadata" id="playlist-content">
+      <PlaylistHeader :playlist-metadata="playlistMetadata"/>
+
+      <PlaylistEpisode :playlist-metadata="playlistMetadata"/>
+    </section>
+  </section>
+</template>
\ No newline at end of file
diff --git a/src/main/podcast/src/views/Podcasts.vue b/src/main/podcast/src/views/Podcasts.vue
new file mode 100644
index 00000000..8dd6ded7
--- /dev/null
+++ b/src/main/podcast/src/views/Podcasts.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import PodcastFilter from '../components/PodcastFilter.vue'
+import PodcastsHero from '../components/PodcastsHero.vue'
+import PodcastList from "../components/PodcastList.vue";
+
+</script>
+
+<template>
+  <PodcastsHero />
+  <PodcastFilter />
+  <PodcastList/>
+</template>
diff --git a/src/main/podcast/tsconfig.app.json b/src/main/podcast/tsconfig.app.json
new file mode 100644
index 00000000..21914a1d
--- /dev/null
+++ b/src/main/podcast/tsconfig.app.json
@@ -0,0 +1,21 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+    "allowArbitraryExtensions": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+
+  "include": [
+    "env.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ]
+}
\ No newline at end of file
diff --git a/src/main/podcast/tsconfig.json b/src/main/podcast/tsconfig.json
new file mode 100644
index 00000000..1ffef600
--- /dev/null
+++ b/src/main/podcast/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/src/main/podcast/tsconfig.node.json b/src/main/podcast/tsconfig.node.json
new file mode 100644
index 00000000..8455dcbc
--- /dev/null
+++ b/src/main/podcast/tsconfig.node.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "module": "nodenext",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/src/main/podcast/vite.config.ts b/src/main/podcast/vite.config.ts
new file mode 100644
index 00000000..50121f99
--- /dev/null
+++ b/src/main/podcast/vite.config.ts
@@ -0,0 +1,39 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'node:path'
+
+export default defineConfig({
+  plugins: [vue()],
+
+  server: {
+    proxy: {
+      '/mir/servlets/solr': {
+        target: 'http://localhost:8291',
+        changeOrigin: true,
+      },
+      '/mir/api/iiif/image/v2/thumbnail': {
+        target: 'http://localhost:8291',
+        changeOrigin: true,
+      },
+      '/mir/receive/': {
+        target: 'http://localhost:8291',
+        changeOrigin: true,
+      }
+    }
+  },
+
+  // This bundle is loaded directly by the browser, not by another bundler.
+  define: {
+    'process.env.NODE_ENV': JSON.stringify('production'),
+  },
+
+  build: {
+    lib: {
+      entry: resolve(import.meta.dirname, 'src/index.ts'),
+      name: 'Podcast',
+      formats: ['es'],
+      fileName: () => 'podcast.js',
+      cssFileName: 'podcast',
+    },
+  },
+})

From 2b5dc2b0d91be9c82e06a430861aaf995b0314fc Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 12 Oct 2026 15:04:16 +0200
Subject: [PATCH 03/28] DBT-422 integrate podcast module into DBT

---
 pom.xml                                       | 44 +++++++++++++++++++
 .../dbt/podcast/servlets/PodcastServlet.java  | 37 ++++++++++++++++
 .../META-INF/resources/config/navigation.xml  |  9 ++++
 src/main/resources/META-INF/web-fragment.xml  | 10 +++++
 .../resources/config/dbt/mycore.properties    |  3 ++
 src/main/resources/xsl/layout/dbt-layout.xsl  |  1 +
 src/main/resources/xsl/podcast.xsl            | 21 +++++++++
 7 files changed, 125 insertions(+)
 create mode 100644 src/main/java/de/urmel_dl/dbt/podcast/servlets/PodcastServlet.java
 create mode 100644 src/main/resources/xsl/podcast.xsl

diff --git a/pom.xml b/pom.xml
index f2ce2342..c0f9d912 100644
--- a/pom.xml
+++ b/pom.xml
@@ -36,7 +36,10 @@
     <media.projectBase>${project.build.directory}/media</media.projectBase>
     <mir-layout-assets>${project.build.directory}/mir-layout-assets</mir-layout-assets>
     <mir.version>2025.06.3-SNAPSHOT</mir.version>
+    <node.version>v20.19.0</node.version>
     <npm.version>10.9.2</npm.version>
+    <podcast.projectBase>${basedir}/src/main/podcast</podcast.projectBase>
+    <podcast.targetBase>${project.build.directory}/podcast</podcast.targetBase>
     <rcclient.projectBase>${project.build.directory}/rcclient</rcclient.projectBase>
     <template.assetsdir>${template.targetdir}/dbt/assets</template.assetsdir>
     <template.cssdir>${template.targetdir}/dbt/css</template.cssdir>
@@ -283,6 +286,31 @@
               <arguments>run build</arguments>
             </configuration>
           </execution>
+          <execution>
+            <id>podcast-deps</id>
+            <goals>
+              <goal>npm</goal>
+            </goals>
+            <phase>process-resources</phase>
+            <configuration>
+              <workingDirectory>${podcast.projectBase}</workingDirectory>
+              <arguments>ci</arguments>
+              <environmentVariables>
+                <NPM_CONFIG_CACHE>${project.build.directory}/npm-cache</NPM_CONFIG_CACHE>
+              </environmentVariables>
+            </configuration>
+          </execution>
+          <execution>
+            <id>podcast-build</id>
+            <goals>
+              <goal>npm</goal>
+            </goals>
+            <phase>process-resources</phase>
+            <configuration>
+              <workingDirectory>${podcast.projectBase}</workingDirectory>
+              <arguments>run build -- --outDir=${podcast.targetBase}/dist --emptyOutDir</arguments>
+            </configuration>
+          </execution>
         </executions>
       </plugin>
       <plugin>
@@ -345,6 +373,22 @@
               </resources>
             </configuration>
           </execution>
+          <execution>
+            <id>podcast-web-resources</id>
+            <goals>
+              <goal>copy-resources</goal>
+            </goals>
+            <phase>process-resources</phase>
+            <configuration>
+              <outputDirectory>${template.targetdir}/dbt/assets/podcast</outputDirectory>
+              <resources>
+                <resource>
+                  <filtering>false</filtering>
+                  <directory>${podcast.targetBase}/dist</directory>
+                </resource>
+              </resources>
+            </configuration>
+          </execution>
         </executions>
       </plugin>
       <plugin>
diff --git a/src/main/java/de/urmel_dl/dbt/podcast/servlets/PodcastServlet.java b/src/main/java/de/urmel_dl/dbt/podcast/servlets/PodcastServlet.java
new file mode 100644
index 00000000..b4deb07b
--- /dev/null
+++ b/src/main/java/de/urmel_dl/dbt/podcast/servlets/PodcastServlet.java
@@ -0,0 +1,37 @@
+/*
+ * This file is part of the Digitale Bibliothek Thüringen repository software.
+ * Copyright (c) 2000 - 2026
+ * See <https://www.db-thueringen.de/> and <https://github.com/ThULB/dbt/>
+ *
+ * This program is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software Foundation,
+ * either version 3 of the License, or (at your option) any later version.
+ */
+package de.urmel_dl.dbt.podcast.servlets;
+
+import java.io.Serial;
+
+import org.jdom2.Document;
+import org.jdom2.Element;
+import org.mycore.common.content.MCRJDOMContent;
+import org.mycore.frontend.servlets.MCRServlet;
+import org.mycore.frontend.servlets.MCRServletJob;
+
+/**
+ * Renders the MIR shell used as the mount point for the podcast Vue application.
+ *
+ * <p>The servlet deliberately does not interpret {@code pathInfo}. Every URL below
+ * {@code /podcast/} receives the same shell; client-side routing is exclusively
+ * handled by Vue Router.</p>
+ */
+public class PodcastServlet extends MCRServlet {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    @Override
+    public void doGetPost(final MCRServletJob job) throws Exception {
+        final Document document = new Document(new Element("podcast"));
+        getLayoutService().doLayout(job.getRequest(), job.getResponse(), new MCRJDOMContent(document));
+    }
+}
diff --git a/src/main/resources/META-INF/resources/config/navigation.xml b/src/main/resources/META-INF/resources/config/navigation.xml
index 51aca320..e9264d58 100644
--- a/src/main/resources/META-INF/resources/config/navigation.xml
+++ b/src/main/resources/META-INF/resources/config/navigation.xml
@@ -106,6 +106,15 @@
       <label xml:lang="en">Mail Queue</label>
     </item>
   </menu>
+  <menu id="podcast">
+    <label xml:lang="de">Podcasts</label>
+    <label xml:lang="en">Podcasts</label>
+    <icon>fas fa-headphones me-1 d-none d-sm-inline-block d-lg-none</icon>
+    <item href="/podcast" type="intern">
+      <label xml:lang="de">Aktuell</label>
+      <label xml:lang="en">Relevant</label>
+    </item>
+  </menu>
   <menu id="publish" dir="/content/publish">
     <label xml:lang="de">Publizieren</label>
     <label xml:lang="en">Publish</label>
diff --git a/src/main/resources/META-INF/web-fragment.xml b/src/main/resources/META-INF/web-fragment.xml
index 2fa219fd..b82506e8 100644
--- a/src/main/resources/META-INF/web-fragment.xml
+++ b/src/main/resources/META-INF/web-fragment.xml
@@ -87,6 +87,16 @@
     <url-pattern>/rcclient/*</url-pattern>
   </servlet-mapping>
 
+  <servlet id="PodcastServlet">
+    <servlet-name>PodcastServlet</servlet-name>
+    <servlet-class>de.urmel_dl.dbt.podcast.servlets.PodcastServlet</servlet-class>
+  </servlet>
+  <servlet-mapping>
+    <servlet-name>PodcastServlet</servlet-name>
+    <url-pattern>/podcast</url-pattern>
+    <url-pattern>/podcast/*</url-pattern>
+  </servlet-mapping>
+
   <servlet>
     <servlet-name>OPCServlet</servlet-name>
     <servlet-class>de.urmel_dl.dbt.opc.servlets.OPCServlet</servlet-class>
diff --git a/src/main/resources/config/dbt/mycore.properties b/src/main/resources/config/dbt/mycore.properties
index 83c17d70..45d30a45 100644
--- a/src/main/resources/config/dbt/mycore.properties
+++ b/src/main/resources/config/dbt/mycore.properties
@@ -293,6 +293,9 @@ MCR.ContentTransformer.slots.Stylesheet=xsl/rc/slots.xsl,%MCR.LayoutTransformerF
 MCR.ContentTransformer.entry-file.Stylesheet=xsl/rc/entry-file.xsl,%MCR.LayoutTransformerFactory.Default.Stylesheets%
 MCR.ContentTransformer.mycoreobject-slot.Stylesheet=xsl/rc/slot.xsl
 MCR.ContentTransformer.mail-queue.Stylesheet=xsl/rc/mail-queue.xsl,%MCR.LayoutTransformerFactory.Default.Stylesheets%
+MCR.ContentTransformer.podcast.Stylesheet=xsl/podcast.xsl,%MCR.LayoutTransformerFactory.Default.Stylesheets%
+MCR.ContentTransformer.mycoreobject-podcast.Owner.Name=DB Thüringen
+MCR.ContentTransformer.mycoreobject-podcast.Owner.EMail=podcast@db-thueringen.de
 
 MCR.LayoutTransformerFactory.Default.Ignore=%MCR.LayoutTransformerFactory.Default.Ignore%,rc/classificationBrowserData-locationSubselect
 
diff --git a/src/main/resources/xsl/layout/dbt-layout.xsl b/src/main/resources/xsl/layout/dbt-layout.xsl
index ea8c7c8e..255fcdd5 100644
--- a/src/main/resources/xsl/layout/dbt-layout.xsl
+++ b/src/main/resources/xsl/layout/dbt-layout.xsl
@@ -340,6 +340,7 @@
       <xsl:apply-templates select="$loaded_navigation_xml/menu[@id='browse']" />
       <xsl:apply-templates select="$loaded_navigation_xml/menu[@id='rc']" />
       <xsl:apply-templates select="$loaded_navigation_xml/menu[@id='publish']" />
+      <xsl:apply-templates select="$loaded_navigation_xml/menu[@id='podcast']" />
       <li class="nav-item d-xs-inline d-sm-inline d-md-none">
         <xsl:apply-templates select="$loaded_navigation_xml/menu[@id='top']//item">
           <xsl:with-param name="class" select="'nav-link'" />
diff --git a/src/main/resources/xsl/podcast.xsl b/src/main/resources/xsl/podcast.xsl
new file mode 100644
index 00000000..ae097f9a
--- /dev/null
+++ b/src/main/resources/xsl/podcast.xsl
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+  <xsl:include href="MyCoReLayout.xsl" />
+
+  <xsl:variable name="PageTitle" select="'Podcasts'" />
+
+  <xsl:template match="/podcast">
+    <head>
+      <meta name="podcast-base-path" content="{$WebApplicationBaseURL}podcast/" />
+      <link rel="stylesheet" href="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.css" />
+    </head>
+
+    <!--
+      The module mounts on #main_content > .container. Vue therefore replaces
+      everything generated inside that container, while the MIR header, footer,
+      and outer page shell remain server-rendered.
+    -->
+    <script type="module" src="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.js"></script>
+  </xsl:template>
+</xsl:stylesheet>

From e3e7f494e7a252805baa106a6019501980367639 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 19 Oct 2026 08:36:21 +0200
Subject: [PATCH 04/28] DBT-422 Update CSS styles

---
 .../podcast/src/components/PodcastList.vue    | 10 +++-
 .../resources/scss/dbt/mir2fix/xeditor.scss   | 59 ++++++++++---------
 2 files changed, 40 insertions(+), 29 deletions(-)

diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index 13f5159b..4f9c24db 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -289,7 +289,7 @@ watch(
           <!-- Title -->
           <h3 class="h6 card-title px-2 mb-2">
             <RouterLink
-                class="stretched-link text-reset text-decoration-none"
+                class="podcast-card-link stretched-link"
                 :to="podcast.id"
             >
               {{ getPodcastTitle(podcast) }}
@@ -461,6 +461,14 @@ watch(
   row-gap: 5px;
 }
 
+.podcast-card-link {
+  color: var(--bs-black);
+
+  &:hover {
+    color: var(--bs-success);
+  }
+}
+
 .topic {
   align-self: center;
 }
diff --git a/src/main/resources/META-INF/resources/scss/dbt/mir2fix/xeditor.scss b/src/main/resources/META-INF/resources/scss/dbt/mir2fix/xeditor.scss
index 8b0c6613..50155e77 100644
--- a/src/main/resources/META-INF/resources/scss/dbt/mir2fix/xeditor.scss
+++ b/src/main/resources/META-INF/resources/scss/dbt/mir2fix/xeditor.scss
@@ -1,38 +1,41 @@
-#container-main {
-  form {
-    .expand-item {
-      position: inherit;
-    }
+#main_content {
+
+  div.container {
 
-    div.is-invalid {
-      color: map-get(map-get($form-validation-states, 'invalid'),'color');
-      input, select {
-        border-color: map-get(map-get($form-validation-states, 'invalid'),'color');
+    form {
+      .expand-item {
+        position: inherit;
       }
-    }
 
-    .mir-fieldset-legend {
-      border-color: $input-fieldset-border-color;
-    }
+      div.is-invalid {
+        input, select {
+          border-color: map-get(map-get($form-validation-states, 'invalid'),'color');
+        }
+      }
+
+      .mir-fieldset-legend {
+        border-color: $input-fieldset-border-color;
+      }
 
-    div.mir-fieldset-content {
-      & > div.form-group {
-        & > div.col-md-6 {
-          border-color: $input-fieldset-border-color;
+      div.mir-fieldset-content {
+        & > div.form-group {
+          & > div.col-md-6 {
+            border-color: $input-fieldset-border-color;
+          }
         }
       }
-    }
 
-    .search-completion {
-      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
-    }
-    .select2-selection {
-      border: 1px solid $input-border-color;
-      height: calc(1.5em + 0.75rem + 2px);;
-      padding: 0.175rem 0.75rem;
-    }
-    .select2-selection__arrow {
-      top: 8px;
+      .search-completion {
+        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
+      }
+      .select2-selection {
+        border: 1px solid $input-border-color;
+        height: calc(1.5em + 0.75rem + 2px);;
+        padding: 0.175rem 0.75rem;
+      }
+      .select2-selection__arrow {
+        top: 8px;
+      }
     }
   }
 }

From 7a4746c2550291562a33dd9dc185da6299413e0e Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 19 Oct 2026 11:43:04 +0200
Subject: [PATCH 05/28] DBT-422 fix podcast routing and content handling

---
 src/main/podcast/index.html                   |  1 +
 src/main/podcast/package-lock.json            | 23 +++++-
 src/main/podcast/package.json                 |  1 +
 .../podcast/src/components/PodcastFilter.vue  | 71 +++++++++++++++++--
 .../podcast/src/components/PodcastList.vue    |  7 +-
 src/main/podcast/src/utils/XMLParser.ts       | 17 ++++-
 src/main/podcast/src/utils/applicationUrl.ts  | 22 ++++++
 src/main/podcast/src/utils/requestReceive.ts  | 11 ++-
 src/main/podcast/src/utils/requestSolr.ts     |  7 +-
 src/main/podcast/src/views/Playlist.vue       | 37 +++++++---
 src/main/resources/xsl/podcast.xsl            |  1 +
 11 files changed, 168 insertions(+), 30 deletions(-)
 create mode 100644 src/main/podcast/src/utils/applicationUrl.ts

diff --git a/src/main/podcast/index.html b/src/main/podcast/index.html
index e2cf2a12..72adfbf1 100644
--- a/src/main/podcast/index.html
+++ b/src/main/podcast/index.html
@@ -6,6 +6,7 @@
     <meta content="text/html; charset=UTF-8" http-equiv="content-type">
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <meta name="podcast-base-path" content="/" />
+    <meta name="podcast-application-base-url" content="/mir/" />
     <link rel="icon" href="/favicon.png">
     <link rel="stylesheet" href="https://www.db-thueringen.de/dbt/assets/waves/waves.min.css">
     <link rel="stylesheet" href="src/layout.css" />
diff --git a/src/main/podcast/package-lock.json b/src/main/podcast/package-lock.json
index d8bea846..0e93e46d 100644
--- a/src/main/podcast/package-lock.json
+++ b/src/main/podcast/package-lock.json
@@ -8,6 +8,7 @@
       "name": "podcast",
       "version": "0.0.0",
       "dependencies": {
+        "dompurify": "^3.4.17",
         "pinia": "^4.0.3",
         "vue": "^3.5.41",
         "vue-router": "^5.3.0"
@@ -655,6 +656,13 @@
         "undici-types": ">=7.24.0 <7.24.7"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.8",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.8.tgz",
@@ -986,6 +994,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.17.tgz",
+      "integrity": "sha512-B/pSlYVHQ58kqISD/yDjuJ1yfzI34m1gF4lAod2bwSRhiN4K5Cl3H8Af7hqB2PmTL911tdEudnnXn5FnhRoz0w==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/entities": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
@@ -1626,9 +1643,9 @@
       "license": "MIT"
     },
     "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.2.tgz",
+      "integrity": "sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
diff --git a/src/main/podcast/package.json b/src/main/podcast/package.json
index f04e6207..46f198cd 100644
--- a/src/main/podcast/package.json
+++ b/src/main/podcast/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "dompurify": "^3.4.17",
     "pinia": "^4.0.3",
     "vue": "^3.5.41",
     "vue-router": "^5.3.0"
diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index 54c0dd59..0ecd3749 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
+const route = useRoute()
 const router = useRouter()
 const search = ref('')
 const category = ref('')
@@ -216,10 +217,64 @@ const selectedSubcategories = computed(() => {
   return selectedCategory?.subcategories ?? []
 })
 
+function queryValue(value: unknown): string {
+  return typeof value === 'string' ? value : ''
+}
+
+function syncFiltersFromRoute(): void {
+  search.value = queryValue(route.query.condQuery)
+  sort.value = ['created asc', 'created desc'].includes(
+      queryValue(route.query.sort)
+  )
+      ? queryValue(route.query.sort)
+      : 'created desc'
 
-watch(category, () => {
+  category.value = ''
   subCategory.value = ''
-})
+
+  const filter = queryValue(route.query.fq)
+  const categoryMatch = filter.match(
+      /^category:"itunes-podcast:([^"]+)"$/
+  )
+
+  if (!categoryMatch) {
+    return
+  }
+
+  const selectedValue = categoryMatch[1]
+  const parentCategory = itunesPodcastCategories.find(item =>
+      item.value === selectedValue ||
+      item.subcategories.some(sub => sub.value === selectedValue)
+  )
+
+  if (!parentCategory) {
+    return
+  }
+
+  category.value = parentCategory.value
+
+  if (parentCategory.value !== selectedValue) {
+    subCategory.value = selectedValue
+  }
+}
+
+
+watch(
+    category,
+    () => {
+      subCategory.value = ''
+    },
+    { flush: 'sync' }
+)
+
+watch(
+    () => route.query,
+    syncFiltersFromRoute,
+    {
+      immediate: true,
+      deep: true,
+    }
+)
 
 const handleSubmit = () => {
   const query: Record<string, string> = {}
@@ -265,18 +320,19 @@ const handleSubmit = () => {
             <option value="">Alle Kategorien</option>
             <option
                 v-for="category in itunesPodcastCategories"
+                :key="category.value"
                 :value="category.value"
                 :label="category.label"
             >
-              {{category.value}}
+              {{category.label}}
             </option>
           </select>
         </div>
 
         <div class="col-md-4 col-lg-4">
-          <label for="podcast-category" class="form-label fw-semibold">Subkategorie</label>
+          <label for="podcast-subcategory" class="form-label fw-semibold">Subkategorie</label>
           <select
-              id="podcast-category"
+              id="podcast-subcategory"
               v-model="subCategory"
               class="form-select"
               :disabled="selectedSubcategories.length === 0"
@@ -284,10 +340,11 @@ const handleSubmit = () => {
             <option value="">Bitte wählen</option>
             <option
                 v-for="sub in selectedSubcategories"
+                :key="sub.value"
                 :value="sub.value"
                 :label="sub.label"
             >
-              {{sub.value}}
+              {{sub.label}}
             </option>
           </select>
         </div>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index 4f9c24db..4ae18648 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -3,6 +3,7 @@ import {computed, ref, watch} from 'vue'
 import { useRoute } from 'vue-router'
 
 import requestSolr from '../utils/requestSolr.ts'
+import applicationUrl from '../utils/applicationUrl.ts'
 import type { SolrDocument, SolrResponse } from '../types/types.ts'
 import LoadingState from "./LoadingState.vue";
 import ErrorState from "./ErrorState.vue";
@@ -113,7 +114,9 @@ function getPodcastAuthors(podcast: SolrDocument): string {
 }
 
 function getCoverUrl(podcast: SolrDocument): string {
-  return `/mir/api/iiif/image/v2/thumbnail/${podcast.id}/full/!300,300/0/default.jpg`
+  return applicationUrl(
+      `api/iiif/image/v2/thumbnail/${encodeURIComponent(podcast.id)}/full/!300,300/0/default.jpg`
+  )
 }
 
 function handleCoverLoad(podcastId: string): void {
@@ -497,4 +500,4 @@ watch(
     color: var(--bs-secondary);
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/main/podcast/src/utils/XMLParser.ts b/src/main/podcast/src/utils/XMLParser.ts
index d65d17a7..ce59e2c3 100644
--- a/src/main/podcast/src/utils/XMLParser.ts
+++ b/src/main/podcast/src/utils/XMLParser.ts
@@ -1,3 +1,5 @@
+import DOMPurify from 'dompurify'
+
 import type {
     PodcastEpisode,
     PodcastPlaylist
@@ -42,6 +44,15 @@ function getItunesAuthors(
         .filter(Boolean)
 }
 
+function getSafeHtml(
+    element: Element,
+    tagName: string
+): string {
+    return DOMPurify.sanitize(
+        getText(element, tagName)
+    )
+}
+
 function getItunesAttribute(
     element: Element,
     tagName: string,
@@ -137,7 +148,7 @@ function parsePodcastXml(
                     getItunesAuthors(item),
 
                 description:
-                    getText(
+                    getSafeHtml(
                         item,
                         'description'
                     ),
@@ -205,7 +216,7 @@ function parsePodcastXml(
             getItunesAuthors(channel),
 
         description:
-            getText(
+            getSafeHtml(
                 channel,
                 'description'
             ),
@@ -229,4 +240,4 @@ function parsePodcastXml(
     }
 }
 
-export default parsePodcastXml
\ No newline at end of file
+export default parsePodcastXml
diff --git a/src/main/podcast/src/utils/applicationUrl.ts b/src/main/podcast/src/utils/applicationUrl.ts
new file mode 100644
index 00000000..49f9d6e2
--- /dev/null
+++ b/src/main/podcast/src/utils/applicationUrl.ts
@@ -0,0 +1,22 @@
+const configuredApplicationBase = document
+    .querySelector<HTMLMetaElement>(
+        'meta[name="podcast-application-base-url"]'
+    )
+    ?.content
+
+const normalizedApplicationBase =
+    configuredApplicationBase?.endsWith('/')
+        ? configuredApplicationBase
+        : `${configuredApplicationBase || ''}/`
+
+const applicationBaseUrl = new URL(
+    normalizedApplicationBase,
+    window.location.origin
+)
+
+export default function applicationUrl(path: string): string {
+    return new URL(
+        path.replace(/^\/+/, ''),
+        applicationBaseUrl
+    ).toString()
+}
diff --git a/src/main/podcast/src/utils/requestReceive.ts b/src/main/podcast/src/utils/requestReceive.ts
index 4d925581..e25800bc 100644
--- a/src/main/podcast/src/utils/requestReceive.ts
+++ b/src/main/podcast/src/utils/requestReceive.ts
@@ -1,11 +1,16 @@
+import applicationUrl from './applicationUrl'
+
 export default async function requestReceive(id: string): Promise<string> {
-    const response = await fetch(
-        `/mir/receive/${id}?XSL.Style=podcast`
+    const url = new URL(
+        applicationUrl(`receive/${encodeURIComponent(id)}`)
     )
+    url.searchParams.set('XSL.Style', 'podcast')
+
+    const response = await fetch(url)
 
     if (!response.ok) {
         throw new Error(`Request failed with status ${response.status}`)
     }
 
     return response.text()
-}
\ No newline at end of file
+}
diff --git a/src/main/podcast/src/utils/requestSolr.ts b/src/main/podcast/src/utils/requestSolr.ts
index bdc70318..8171c67e 100644
--- a/src/main/podcast/src/utils/requestSolr.ts
+++ b/src/main/podcast/src/utils/requestSolr.ts
@@ -1,7 +1,12 @@
+import applicationUrl from './applicationUrl'
+
 export default async function requestSolr(
     params: URLSearchParams
 ):Promise<string> {
-    const response = await fetch(`/mir/servlets/solr/find?${params}`)
+    const url = new URL(applicationUrl('servlets/solr/find'))
+    url.search = params.toString()
+
+    const response = await fetch(url)
 
     if (!response.ok) {
         throw new Error(`Request failed with status ${response.status}`)
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
index 34137285..307222e6 100644
--- a/src/main/podcast/src/views/Playlist.vue
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { ref, watch } from 'vue'
 
 import type { PodcastPlaylist } from '../types/types.ts'
 
@@ -12,7 +12,7 @@ import PlaylistHeader from '../components/PlaylistHeader.vue'
 import PlaylistEpisode from '../components/PlaylistEpisode.vue'
 
 
-const { podcastId } = defineProps<{
+const props = defineProps<{
   podcastId: string
 }>()
 
@@ -21,19 +21,28 @@ const isError = ref(false)
 const isLoading = ref(false)
 
 const playlistMetadata = ref<PodcastPlaylist | null>(null)
+let requestSequence = 0
 
 async function getPlaylistMetadata(): Promise<void> {
+  const requestId = ++requestSequence
+
   isError.value = false
   error.value = null
   isLoading.value = true
+  playlistMetadata.value = null
 
   try {
-    const xmlString = await requestReceive(podcastId)
+    const xmlString = await requestReceive(props.podcastId)
 
-    playlistMetadata.value =
-        parsePodcastXml(xmlString)
+    if (requestId === requestSequence) {
+      playlistMetadata.value =
+          parsePodcastXml(xmlString)
+    }
 
   } catch (err) {
+    if (requestId !== requestSequence) {
+      return
+    }
 
     error.value =
         err instanceof Error
@@ -43,15 +52,21 @@ async function getPlaylistMetadata(): Promise<void> {
     isError.value = true
 
   } finally {
-    isLoading.value = false
+    if (requestId === requestSequence) {
+      isLoading.value = false
+    }
   }
 }
 
 
-onMounted(() => {
-  getPlaylistMetadata()
-  window.scrollTo(0, 0)
-})
+watch(
+    () => props.podcastId,
+    () => {
+      getPlaylistMetadata()
+      window.scrollTo(0, 0)
+    },
+    { immediate: true }
+)
 </script>
 
 <template>
@@ -73,4 +88,4 @@ onMounted(() => {
       <PlaylistEpisode :playlist-metadata="playlistMetadata"/>
     </section>
   </section>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/main/resources/xsl/podcast.xsl b/src/main/resources/xsl/podcast.xsl
index ae097f9a..85a12871 100644
--- a/src/main/resources/xsl/podcast.xsl
+++ b/src/main/resources/xsl/podcast.xsl
@@ -8,6 +8,7 @@
   <xsl:template match="/podcast">
     <head>
       <meta name="podcast-base-path" content="{$WebApplicationBaseURL}podcast/" />
+      <meta name="podcast-application-base-url" content="{$WebApplicationBaseURL}" />
       <link rel="stylesheet" href="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.css" />
     </head>
 

From b567c46088e96b4295394053b2149d420fb50a69 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Mon, 19 Oct 2026 12:33:48 +0200
Subject: [PATCH 06/28] DBT-422 Update NotFound page

---
 src/main/podcast/src/utils/requestReceive.ts | 12 ++-
 src/main/podcast/src/views/NotFound.vue      | 81 ++++++++++++++++++--
 src/main/podcast/src/views/Playlist.vue      | 50 +++++++++++-
 3 files changed, 132 insertions(+), 11 deletions(-)

diff --git a/src/main/podcast/src/utils/requestReceive.ts b/src/main/podcast/src/utils/requestReceive.ts
index e25800bc..2c0ad293 100644
--- a/src/main/podcast/src/utils/requestReceive.ts
+++ b/src/main/podcast/src/utils/requestReceive.ts
@@ -1,5 +1,15 @@
 import applicationUrl from './applicationUrl'
 
+export class ReceiveRequestError extends Error {
+    readonly status: number
+
+    constructor(status: number) {
+        super(`Request failed with status ${status}`)
+        this.name = 'ReceiveRequestError'
+        this.status = status
+    }
+}
+
 export default async function requestReceive(id: string): Promise<string> {
     const url = new URL(
         applicationUrl(`receive/${encodeURIComponent(id)}`)
@@ -9,7 +19,7 @@ export default async function requestReceive(id: string): Promise<string> {
     const response = await fetch(url)
 
     if (!response.ok) {
-        throw new Error(`Request failed with status ${response.status}`)
+        throw new ReceiveRequestError(response.status)
     }
 
     return response.text()
diff --git a/src/main/podcast/src/views/NotFound.vue b/src/main/podcast/src/views/NotFound.vue
index 8bdf2e27..2fbe6b44 100644
--- a/src/main/podcast/src/views/NotFound.vue
+++ b/src/main/podcast/src/views/NotFound.vue
@@ -1,10 +1,77 @@
+<script setup lang="ts">
+import applicationUrl from '../utils/applicationUrl'
+
+const startPageUrl = applicationUrl('content/index.xml')
+</script>
+
 <template>
-  <section class="py-5" aria-labelledby="not-found-title">
-    <h1 id="not-found-title" class="display-6 fw-semibold">
-      Seite nicht gefunden
-    </h1>
-    <RouterLink :to="{ name: 'podcasts' }" class="text-success">
-      Zur Podcast-&Uuml;bersicht
-    </RouterLink>
+  <section class="not-found py-5" aria-labelledby="not-found-title">
+    <div class="not-found__content d-flex flex-column align-items-center text-center">
+      <span class="not-found__error fw-semibold text-danger">
+        404
+      </span>
+
+      <h1
+          id="not-found-title"
+          class="not-found__title fw-semibold"
+      >
+        Seite nicht gefunden
+      </h1>
+
+      <p class="not-found__description text-muted fs-5">
+        Die von Ihnen aufgerufene Seite existiert nicht
+        oder wurde möglicherweise verschoben.
+      </p>
+
+      <div class="not-found__actions d-flex flex-wrap justify-content-center align-items-center gap-4 mt-4">
+        <RouterLink
+            :to="{ name: 'podcasts' }"
+            class="btn btn-success px-4 py-3"
+        >
+          Zur Podcast-Übersicht &rarr;
+        </RouterLink>
+
+        <a
+            :href="startPageUrl"
+            class="not-found__link text-success"
+        >
+          Zur Startseite &rarr;
+        </a>
+      </div>
+    </div>
   </section>
 </template>
+
+<style lang="scss" scoped>
+.not-found {
+  &__content {
+    padding-top: 3rem;
+    gap: 1rem;
+  }
+
+  &__error {
+    font-size: 4.7rem;
+    line-height: 1;
+  }
+
+  &__title {
+    font-size: 2.2rem;
+    margin: 0;
+  }
+
+  &__description {
+    max-width: 33rem;
+    margin: 0;
+  }
+
+  &__link {
+    text-decoration: none;
+    border-bottom: 1px solid currentColor;
+    padding-bottom: 0.25rem;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+}
+</style>
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
index 307222e6..8f0a4f3e 100644
--- a/src/main/podcast/src/views/Playlist.vue
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -1,15 +1,22 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 
-import type { PodcastPlaylist } from '../types/types.ts'
+import type {
+  PodcastPlaylist,
+  SolrResponse,
+} from '../types/types.ts'
 
 import parsePodcastXml from '../utils/XMLParser.ts'
-import requestReceive from '../utils/requestReceive'
+import requestReceive, {
+  ReceiveRequestError,
+} from '../utils/requestReceive'
+import requestSolr from '../utils/requestSolr.ts'
 
 import LoadingState from '../components/LoadingState.vue'
 import ErrorState from '../components/ErrorState.vue'
 import PlaylistHeader from '../components/PlaylistHeader.vue'
 import PlaylistEpisode from '../components/PlaylistEpisode.vue'
+import NotFound from './NotFound.vue'
 
 
 const props = defineProps<{
@@ -19,19 +26,49 @@ const props = defineProps<{
 const error = ref<string | null>(null)
 const isError = ref(false)
 const isLoading = ref(false)
+const isNotFound = ref(false)
 
 const playlistMetadata = ref<PodcastPlaylist | null>(null)
 let requestSequence = 0
 
+async function podcastExists(podcastId: string): Promise<boolean> {
+  if (!/^dbt_mods_\d{8}$/.test(podcastId)) {
+    return false
+  }
+
+  const params = new URLSearchParams()
+  params.append('fq', 'mods.genre:podcast')
+  params.append('fq', `id:"${podcastId}"`)
+  params.set('rows', '0')
+  params.set('wt', 'json')
+
+  const response = await requestSolr(params)
+  const result = JSON.parse(response) as SolrResponse
+
+  return result.response.numFound > 0
+}
+
 async function getPlaylistMetadata(): Promise<void> {
   const requestId = ++requestSequence
 
   isError.value = false
+  isNotFound.value = false
   error.value = null
   isLoading.value = true
   playlistMetadata.value = null
 
   try {
+    const exists = await podcastExists(props.podcastId)
+
+    if (requestId !== requestSequence) {
+      return
+    }
+
+    if (!exists) {
+      isNotFound.value = true
+      return
+    }
+
     const xmlString = await requestReceive(props.podcastId)
 
     if (requestId === requestSequence) {
@@ -44,6 +81,11 @@ async function getPlaylistMetadata(): Promise<void> {
       return
     }
 
+    if (err instanceof ReceiveRequestError && err.status === 404) {
+      isNotFound.value = true
+      return
+    }
+
     error.value =
         err instanceof Error
             ? err.message
@@ -70,7 +112,9 @@ watch(
 </script>
 
 <template>
-  <section class="py-5" aria-labelledby="podcast-title">
+  <NotFound v-if="isNotFound" />
+
+  <section v-else class="py-5" aria-labelledby="podcast-title">
     <RouterLink
         :to="{ name: 'podcasts' }"
         class="text-success"

From 7cd7319cb34bcefd2f79d687bd24ea5bef341168 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 10:09:21 +0200
Subject: [PATCH 07/28] DBT-422 Fix invalid episode dates and remove unused
 main.ts

---
 src/main/podcast/src/components/PlaylistEpisode.vue | 8 +++++++-
 src/main/podcast/src/main.ts                        | 9 ---------
 2 files changed, 7 insertions(+), 10 deletions(-)
 delete mode 100644 src/main/podcast/src/main.ts

diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index 397ef763..fb5981b3 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -26,11 +26,17 @@ function buildPlayer(episode: PodcastEpisode): void {
 }
 
 function formatDate(value: string): string {
+  const date = new Date(value)
+
+  if (Number.isNaN(date.getTime())) {
+    return ''
+  }
+
   return new Intl.DateTimeFormat('de-DE', {
     day: '2-digit',
     month: 'long',
     year: 'numeric',
-  }).format(new Date(value))
+  }).format(date)
 }
 
 function toggleEpisodeDetails(guid: string): void {
diff --git a/src/main/podcast/src/main.ts b/src/main/podcast/src/main.ts
deleted file mode 100644
index 03989db7..00000000
--- a/src/main/podcast/src/main.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import App from './App.vue'
-
-const app = createApp(App)
-
-app.use(createPinia())
-
-app.mount('#main_content')
\ No newline at end of file

From 0d7fd914510ebe4251845735b5511a8ca033bbab Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 10:50:00 +0200
Subject: [PATCH 08/28] DBT-422 fix audio playback state and error handling

---
 src/main/podcast/src/components/Player.vue | 100 ++++++++++++++-------
 src/main/podcast/src/stores/player.ts      |  55 ++++++++++--
 2 files changed, 116 insertions(+), 39 deletions(-)

diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index f222619e..2cc796ae 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -8,6 +8,8 @@ const audioElement = ref<HTMLAudioElement | null>(null)
 
 const isLoading = ref(false)
 const audioError = ref(false)
+const loadedEpisodeGuid = ref<string | null>(null)
+const loadedEpisodeUrl = ref<string | null>(null)
 
 const imageLoaded = ref(false)
 const imageError = ref(false)
@@ -38,24 +40,25 @@ watch(
 
       await nextTick()
 
-      if (!audioElement.value) {
+      const audio = audioElement.value
+
+      if (!audio || episode !== playerStore.episode) {
         return
       }
 
-      audioElement.value.src = episode.audioUrl
-      audioElement.value.load()
+      loadedEpisodeGuid.value = episode.guid
+      loadedEpisodeUrl.value = episode.audioUrl
+      audio.src = episode.audioUrl
+      audio.load()
 
-      audioElement.value.playbackRate = speeds[speedIndex.value]
-      audioElement.value.volume = volume.value
-      audioElement.value.muted = isMuted.value
+      audio.playbackRate = speeds[speedIndex.value]
+      audio.volume = volume.value
+      audio.muted = isMuted.value
 
-      try {
-        await audioElement.value.play()
-      } catch (error) {
-        console.error('Error playing audio:', error)
+      const request = playerStore.playbackRequest
 
-        audioError.value = true
-        isLoading.value = false
+      if (request.command === 'play') {
+        await playAudio(episode, request.id)
       }
     },
 
@@ -65,36 +68,66 @@ watch(
 )
 
 watch(
-    () => playerStore.isPlaying,
-    async (isPlaying) => {
+    () => playerStore.playbackRequest,
+    request => {
       const audio = audioElement.value
 
       if (!audio) return
 
-      if (isPlaying) {
-        try {
-          await audio.play()
-        } catch (error) {
-          console.error('Error playing audio:', error)
+      if (request.command === 'play') {
+        const episode = playerStore.episode
+
+        if (
+            episode &&
+            loadedEpisodeGuid.value === episode.guid &&
+            loadedEpisodeUrl.value === episode.audioUrl
+        ) {
+          void playAudio(episode, request.id)
         }
       } else {
         audio.pause()
       }
+    },
+    {
+      flush: 'sync',
     }
 )
 
-async function toggleAudio(): Promise<void> {
-  if (!audioElement.value) {
-    return
-  }
+function isPlaybackError(error: unknown, name: string): boolean {
+  return (
+      typeof error === 'object' &&
+      error !== null &&
+      'name' in error &&
+      error.name === name
+  )
+}
+
+async function playAudio(
+    episode: NonNullable<typeof playerStore.episode>,
+    requestId: number
+): Promise<void> {
+  const audio = audioElement.value
+
+  if (!audio) return
 
   try {
-    if (audioElement.value.paused) {
-      await audioElement.value.play()
-    } else {
-      audioElement.value.pause()
-    }
+    await audio.play()
   } catch (error) {
+    if (
+        episode !== playerStore.episode ||
+        requestId !== playerStore.playbackRequest.id ||
+        isPlaybackError(error, 'AbortError')
+    ) {
+      return
+    }
+
+    isLoading.value = false
+    playerStore.requestPause()
+
+    if (isPlaybackError(error, 'NotAllowedError')) {
+      return
+    }
+
     console.error('Error playing audio:', error)
     audioError.value = true
   }
@@ -205,6 +238,11 @@ function handleLoadedMetadata(): void {
   playerStore.duration =
       audioElement.value.duration
 }
+
+function handleEnded(): void {
+  playerStore.isPlaying = false
+  playerStore.requestPause()
+}
 </script>
 
 <template>
@@ -217,7 +255,7 @@ function handleLoadedMetadata(): void {
         preload="metadata"
         @play="playerStore.isPlaying = true"
         @pause="playerStore.isPlaying = false"
-        @ended="playerStore.isPlaying = false"
+        @ended="handleEnded"
         @waiting="isLoading = true"
         @playing="isLoading = false"
         @canplay="isLoading = false"
@@ -348,7 +386,7 @@ function handleLoadedMetadata(): void {
                 ? 'Pause'
                 : 'Folge abspielen'
             "
-            @click="toggleAudio"
+            @click="playerStore.togglePlayback"
         >
           <i
               class="fas"
@@ -965,4 +1003,4 @@ function handleLoadedMetadata(): void {
     height: 0.8rem;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/main/podcast/src/stores/player.ts b/src/main/podcast/src/stores/player.ts
index b0c4db6a..ce6681f6 100644
--- a/src/main/podcast/src/stores/player.ts
+++ b/src/main/podcast/src/stores/player.ts
@@ -2,12 +2,25 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import type { PodcastEpisode } from '../types/types'
 
+type PlaybackCommand = 'play' | 'pause'
+
+interface PlaybackRequest {
+    id: number
+    command: PlaybackCommand
+}
+
 export const usePlayerStore = defineStore('player', () => {
     const episode = ref<PodcastEpisode | null>(null)
     const episodes = ref<PodcastEpisode[]>([])
     const isPlaying = ref(false)
+    const playbackRequest = ref<PlaybackRequest>({
+        id: 0,
+        command: 'pause',
+    })
     const playlistTitle = ref('')
 
+    let playbackRequestId = 0
+
     const currentTime = ref(0)
     const duration = ref(0)
 
@@ -32,6 +45,21 @@ export const usePlayerStore = defineStore('player', () => {
 
     function selectEpisode(newEpisode: PodcastEpisode): void {
         episode.value = newEpisode
+        requestPlay()
+    }
+
+    function requestPlay(): void {
+        playbackRequest.value = {
+            id: ++playbackRequestId,
+            command: 'play',
+        }
+    }
+
+    function requestPause(): void {
+        playbackRequest.value = {
+            id: ++playbackRequestId,
+            command: 'pause',
+        }
     }
 
     function nextEpisode(): void {
@@ -42,8 +70,7 @@ export const usePlayerStore = defineStore('player', () => {
             return
         }
 
-        episode.value =
-            episodes.value[currentEpisodeIndex.value + 1]
+        selectEpisode(episodes.value[currentEpisodeIndex.value + 1])
     }
 
     function previousEpisode(): void {
@@ -51,17 +78,26 @@ export const usePlayerStore = defineStore('player', () => {
             return
         }
 
-        episode.value =
-            episodes.value[currentEpisodeIndex.value - 1]
+        selectEpisode(episodes.value[currentEpisodeIndex.value - 1])
     }
 
-    function closePlayer(){
+    function closePlayer(): void {
+        requestPause()
+        isPlaying.value = false
         episode.value = null
     }
 
-    function toggleEpisode(selectedEpisode: PodcastEpisode) {
+    function togglePlayback(): void {
+        if (playbackRequest.value.command === 'play') {
+            requestPause()
+        } else {
+            requestPlay()
+        }
+    }
+
+    function toggleEpisode(selectedEpisode: PodcastEpisode): void {
         if (episode.value?.guid === selectedEpisode.guid) {
-            isPlaying.value = !isPlaying.value
+            togglePlayback()
         } else {
             selectEpisode(selectedEpisode)
         }
@@ -102,6 +138,7 @@ export const usePlayerStore = defineStore('player', () => {
         episode,
         episodes,
         isPlaying,
+        playbackRequest,
         playlistTitle,
         currentEpisodeIndex,
         currentTime,
@@ -110,10 +147,12 @@ export const usePlayerStore = defineStore('player', () => {
 
         setPlaylist,
         selectEpisode,
+        requestPause,
+        togglePlayback,
         nextEpisode,
         previousEpisode,
         closePlayer,
         toggleEpisode,
         formatTime
     }
-})
\ No newline at end of file
+})

From 2fa77fa0f8af975f10486adc0eaed499c8ae2c5b Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 10:51:11 +0200
Subject: [PATCH 09/28] DBT-422 fix nested XML element parsing

---
 src/main/podcast/src/utils/XMLParser.ts | 106 +++++++++++++++++-------
 1 file changed, 74 insertions(+), 32 deletions(-)

diff --git a/src/main/podcast/src/utils/XMLParser.ts b/src/main/podcast/src/utils/XMLParser.ts
index ce59e2c3..e68596d8 100644
--- a/src/main/podcast/src/utils/XMLParser.ts
+++ b/src/main/podcast/src/utils/XMLParser.ts
@@ -8,13 +8,39 @@ import type {
 const ITUNES_NS =
     'http://www.itunes.com/dtds/podcast-1.0.dtd'
 
+function getDirectChildren(
+    element: Element,
+    tagName: string,
+    namespaceUri: string | null
+): Element[] {
+    return Array.from(element.children).filter(child =>
+        child.localName === tagName &&
+        child.namespaceURI === namespaceUri
+    )
+}
+
+function getDirectChild(
+    element: Element,
+    tagName: string,
+    namespaceUri: string | null
+): Element | undefined {
+    return getDirectChildren(
+        element,
+        tagName,
+        namespaceUri
+    )[0]
+}
+
 function getText(
     element: Element,
     tagName: string
 ): string {
     return (
-        element
-            .getElementsByTagName(tagName)[0]
+        getDirectChild(
+            element,
+            tagName,
+            element.namespaceURI
+        )
             ?.textContent
             ?.trim() ?? ''
     )
@@ -25,11 +51,11 @@ function getItunesText(
     tagName: string
 ): string {
     return (
-        element
-            .getElementsByTagNameNS(
-                ITUNES_NS,
-                tagName
-            )[0]
+        getDirectChild(
+            element,
+            tagName,
+            ITUNES_NS
+        )
             ?.textContent
             ?.trim() ?? ''
     )
@@ -59,11 +85,11 @@ function getItunesAttribute(
     attributeName: string
 ): string {
     return (
-        element
-            .getElementsByTagNameNS(
-                ITUNES_NS,
-                tagName
-            )[0]
+        getDirectChild(
+            element,
+            tagName,
+            ITUNES_NS
+        )
             ?.getAttribute(attributeName) ?? ''
     )
 }
@@ -87,8 +113,12 @@ function parsePodcastXml(
         )
     }
 
-    const channel =
-        xml.getElementsByTagName('channel')[0]
+    const root = xml.documentElement
+    const channel = getDirectChild(
+        root,
+        'channel',
+        root.namespaceURI
+    )
 
     if (!channel) {
         throw new Error(
@@ -96,25 +126,34 @@ function parsePodcastXml(
         )
     }
 
-    const categories =
-        channel.getElementsByTagNameNS(
-            ITUNES_NS,
-            'category'
-        )
+    const categoryElement = getDirectChild(
+        channel,
+        'category',
+        ITUNES_NS
+    )
 
     const category =
-        categories[0]
+        categoryElement
             ?.getAttribute('text') ?? ''
 
+    const subcategoryElement =
+        categoryElement
+            ? getDirectChild(
+                categoryElement,
+                'category',
+                ITUNES_NS
+            )
+            : undefined
+
     const subcategory =
-        categories[1]
+        subcategoryElement
             ?.getAttribute('text') ?? ''
 
-    const owner =
-        channel.getElementsByTagNameNS(
-            ITUNES_NS,
-            'owner'
-        )[0]
+    const owner = getDirectChild(
+        channel,
+        'owner',
+        ITUNES_NS
+    )
 
     const ownerName =
         owner
@@ -126,16 +165,19 @@ function parsePodcastXml(
             ? getItunesText(owner, 'email')
             : ''
 
-    const items = Array.from(
-        channel.getElementsByTagName('item')
+    const items = getDirectChildren(
+        channel,
+        'item',
+        channel.namespaceURI
     )
 
     const episodes: PodcastEpisode[] =
         items.map((item) => {
-            const enclosure =
-                item.getElementsByTagName(
-                    'enclosure'
-                )[0]
+            const enclosure = getDirectChild(
+                item,
+                'enclosure',
+                item.namespaceURI
+            )
 
             return {
                 title:

From e00201cc4888d36aa198bbb296de2d8f6281e5ec Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 10:53:41 +0200
Subject: [PATCH 10/28] DBT-422 prevent race conditions in podcast search

---
 src/main/podcast/src/components/PodcastList.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index 4ae18648..c61d3d2b 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -12,6 +12,7 @@ import EmptyState from "./EmptyState.vue";
 const route = useRoute()
 
 const podcastMetadata = ref<SolrResponse | null>(null)
+let requestSequence = 0
 
 const totalItems = ref(0)
 const itemsPerPage = ref(20)
@@ -137,6 +138,8 @@ function scrollToTop(): void {
 }
 
 async function searchPodcasts(): Promise<void> {
+  const requestId = ++requestSequence
+
   isLoading.value = true
   isError.value = false
   error.value = null
@@ -146,6 +149,10 @@ async function searchPodcasts(): Promise<void> {
   try {
     const response = await requestSolr(params)
 
+    if (requestId !== requestSequence) {
+      return
+    }
+
     podcastMetadata.value = JSON.parse(response) as SolrResponse
 
     totalItems.value =
@@ -167,6 +174,10 @@ async function searchPodcasts(): Promise<void> {
       await searchPodcasts()
     }
   } catch (err) {
+    if (requestId !== requestSequence) {
+      return
+    }
+
     podcastMetadata.value = null
 
     error.value =
@@ -176,7 +187,9 @@ async function searchPodcasts(): Promise<void> {
 
     isError.value = true
   } finally {
-    isLoading.value = false
+    if (requestId === requestSequence) {
+      isLoading.value = false
+    }
   }
 }
 

From 894167c30bb9170002e98d2df24264d86334a4e8 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:01:04 +0200
Subject: [PATCH 11/28] DBT-422 add whitelist for Solr query parameters

---
 .../podcast/src/components/PodcastList.vue    | 34 ++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index c61d3d2b..83b04b96 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -9,6 +9,14 @@ import LoadingState from "./LoadingState.vue";
 import ErrorState from "./ErrorState.vue";
 import EmptyState from "./EmptyState.vue";
 
+const allowedSortValues = new Set([
+  'created asc',
+  'created desc',
+])
+
+const itunesCategoryFilterPattern =
+    /^category:"itunes-podcast:[^"]+"$/
+
 const route = useRoute()
 
 const podcastMetadata = ref<SolrResponse | null>(null)
@@ -78,10 +86,28 @@ function createParams(): URLSearchParams {
       `${(currentPage.value - 1) * itemsPerPage.value}`
   )
 
-  for (const [key, value] of Object.entries(route.query)) {
-    if (typeof value === 'string') {
-      params.append(key, value)
-    }
+  const conditionalQuery = route.query.condQuery
+
+  if (typeof conditionalQuery === 'string') {
+    params.set('condQuery', conditionalQuery)
+  }
+
+  const categoryFilter = route.query.fq
+
+  if (
+      typeof categoryFilter === 'string' &&
+      itunesCategoryFilterPattern.test(categoryFilter)
+  ) {
+    params.append('fq', categoryFilter)
+  }
+
+  const sort = route.query.sort
+
+  if (
+      typeof sort === 'string' &&
+      allowedSortValues.has(sort)
+  ) {
+    params.set('sort', sort)
   }
 
   return params

From 982153d38eb3efd878e3c8cc8b531af3d2cee118 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:05:33 +0200
Subject: [PATCH 12/28] DBT-422 add page parameter to URL

---
 .../podcast/src/components/PodcastList.vue    | 42 ++++++++++++++-----
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index 83b04b96..c03c218a 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {computed, ref, watch} from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 import requestSolr from '../utils/requestSolr.ts'
 import applicationUrl from '../utils/applicationUrl.ts'
@@ -18,13 +18,29 @@ const itunesCategoryFilterPattern =
     /^category:"itunes-podcast:[^"]+"$/
 
 const route = useRoute()
+const router = useRouter()
 
 const podcastMetadata = ref<SolrResponse | null>(null)
 let requestSequence = 0
 
 const totalItems = ref(0)
 const itemsPerPage = ref(20)
-const currentPage = ref(1)
+const currentPage = computed(() => {
+  const pageQuery = route.query.page
+
+  if (
+      typeof pageQuery !== 'string' ||
+      !/^[1-9]\d*$/.test(pageQuery)
+  ) {
+    return 1
+  }
+
+  const page = Number(pageQuery)
+
+  return Number.isSafeInteger(page)
+      ? page
+      : 1
+})
 
 const isLoading = ref(false)
 const isError = ref(false)
@@ -195,9 +211,12 @@ async function searchPodcasts(): Promise<void> {
         totalPages.value > 0 &&
         currentPage.value > totalPages.value
     ) {
-      currentPage.value = totalPages.value
-
-      await searchPodcasts()
+      await router.replace({
+        query: {
+          ...route.query,
+          page: `${totalPages.value}`,
+        },
+      })
     }
   } catch (err) {
     if (requestId !== requestSequence) {
@@ -228,22 +247,23 @@ async function setPage(page: number): Promise<void> {
     return
   }
 
-  currentPage.value = page
-
-  await searchPodcasts()
+  await router.push({
+    query: {
+      ...route.query,
+      page: `${page}`,
+    },
+  })
 
   scrollToTop()
 }
 
 
 /*
- * Bei Änderung der Filter / Query-Parameter
- * wieder auf Seite 1 springen.
+ * Bei Änderung der Seite oder der Filter neu laden.
  */
 watch(
     () => route.query,
     () => {
-      currentPage.value = 1
       searchPodcasts()
     },
     {

From 3828aa4c4ee844e68d4993bbb4e94ec4eed1c9ff Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:08:51 +0200
Subject: [PATCH 13/28] DBT-422 use named route for podcast navigation

---
 src/main/podcast/src/components/PodcastList.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index c03c218a..abc37992 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -352,7 +352,10 @@ watch(
           <h3 class="h6 card-title px-2 mb-2">
             <RouterLink
                 class="podcast-card-link stretched-link"
-                :to="podcast.id"
+                :to="{
+                  name: 'podcast',
+                  params: { podcastId: podcast.id },
+                }"
             >
               {{ getPodcastTitle(podcast) }}
             </RouterLink>

From 5320089b837e7f129fba386073ad40b4f365a60f Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:11:23 +0200
Subject: [PATCH 14/28] DBT-422 make playlist header props reactive

---
 .../podcast/src/components/PlaylistHeader.vue    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index 2dfa1a40..5573a743 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { nextTick, onMounted, ref } from 'vue'
+import { computed, nextTick, onMounted, ref } from 'vue'
 import type {PodcastEpisode, PodcastPlaylist} from '../types/types.ts'
 import { usePlayerStore } from '../stores/player.ts'
 
@@ -9,13 +9,13 @@ const props = defineProps<{
   playlistMetadata: PodcastPlaylist
 }>()
 
-const episodes = props.playlistMetadata.episodes
+const lastEpisode = computed<PodcastEpisode | null>(() => {
+  const episodes = props.playlistMetadata.episodes
 
-const lastEpisode = ref<PodcastEpisode | null>(
-    episodes.length > 0
-        ? episodes[episodes.length - 1]
-        : null
-)
+  return episodes.length > 0
+      ? episodes[episodes.length - 1]
+      : null
+})
 
 const imageError = ref(false)
 const imageLoaded = ref(false)
@@ -327,4 +327,4 @@ onMounted(async () => {
     font-size: clamp(1.5rem, 7vw, 1.9rem);
   }
 }
-</style>
\ No newline at end of file
+</style>

From 59de950164c5c486fe34d792510ba53767aab167 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:22:50 +0200
Subject: [PATCH 15/28] DBT-422 fix minor issues

---
 .../podcast/src/components/ErrorState.vue     |  2 +-
 src/main/podcast/src/components/Player.vue    | 37 +++++++++-
 .../src/components/PlaylistEpisode.vue        | 14 ++--
 .../podcast/src/components/PlaylistHeader.vue | 10 ++-
 .../podcast/src/components/PodcastFilter.vue  |  2 +-
 .../podcast/src/components/PodcastList.vue    | 25 +++----
 src/main/podcast/src/types/types.ts           | 72 +++++++++----------
 src/main/podcast/src/views/Playlist.vue       | 10 +--
 src/main/podcast/vite.config.ts               | 12 ++--
 9 files changed, 109 insertions(+), 75 deletions(-)

diff --git a/src/main/podcast/src/components/ErrorState.vue b/src/main/podcast/src/components/ErrorState.vue
index da117701..956c836b 100644
--- a/src/main/podcast/src/components/ErrorState.vue
+++ b/src/main/podcast/src/components/ErrorState.vue
@@ -10,7 +10,7 @@
     </h2>
 
     <p class="mb-0">
-      <slot>Unbekannter Fehler</slot>
+      Bitte versuchen Sie es später erneut.
     </p>
   </div>
 
diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index 2cc796ae..e25a2cfc 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
-import { nextTick, ref, watch } from 'vue'
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { usePlayerStore } from '../stores/player'
 
 const playerStore = usePlayerStore()
 
 const audioElement = ref<HTMLAudioElement | null>(null)
+const playerElement = ref<HTMLElement | null>(null)
+
+let playerResizeObserver: ResizeObserver | null = null
 
 const isLoading = ref(false)
 const audioError = ref(false)
@@ -243,10 +246,36 @@ function handleEnded(): void {
   playerStore.isPlaying = false
   playerStore.requestPause()
 }
+
+onMounted(() => {
+  const player = playerElement.value
+
+  if (!player) return
+
+  const updatePlayerHeight = (): void => {
+    document.body.style.setProperty(
+        '--podcast-player-height',
+        `${player.offsetHeight}px`
+    )
+  }
+
+  document.body.classList.add('has-podcast-player')
+  updatePlayerHeight()
+
+  playerResizeObserver = new ResizeObserver(updatePlayerHeight)
+  playerResizeObserver.observe(player)
+})
+
+onUnmounted(() => {
+  playerResizeObserver?.disconnect()
+  document.body.classList.remove('has-podcast-player')
+  document.body.style.removeProperty('--podcast-player-height')
+})
 </script>
 
 <template>
   <section
+      ref="playerElement"
       class="playlist-player"
       aria-label="Podcast-Player"
   >
@@ -532,7 +561,7 @@ function handleEnded(): void {
 
 .playlist-player {
   position: fixed;
-  z-index: 1090;
+  z-index: 1040;
   right: 0;
   bottom: 0;
   left: 0;
@@ -543,6 +572,10 @@ function handleEnded(): void {
   color: var(--bs-body-color);
 }
 
+:global(body.has-podcast-player) {
+  padding-bottom: var(--podcast-player-height, 0);
+}
+
 .playlist-player[hidden],
 .playlist-player [hidden] {
   display: none !important;
diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index fb5981b3..46d9036a 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -76,27 +76,27 @@ watch(
         class="accordion accordion-flush rounded-0"
     >
       <div
-          v-for="episode in playlistMetadata.episodes"
+          v-for="(episode, index) in playlistMetadata.episodes"
           :key="episode.guid"
-          :id="`episode-item-${episode.guid}`"
+          :id="`episode-item-${index}`"
           class="accordion-item"
           :class="{ 'is-current': isCurrentEpisode(episode) }"
       >
-        <h2 class="accordion-header">
+        <h3 class="accordion-header">
           <button
               class="accordion-button h5"
               :class="{ collapsed: openEpisodeGuid !== episode.guid }"
               type="button"
               :aria-expanded="openEpisodeGuid === episode.guid"
-              :aria-controls="`episode-${episode.guid}`"
+              :aria-controls="`episode-${index}`"
               @click="toggleEpisodeDetails(episode.guid)"
           >
             {{ episode.title }}
           </button>
-        </h2>
+        </h3>
 
         <div
-            :id="`episode-${episode.guid}`"
+            :id="`episode-${index}`"
             class="accordion-collapse collapse episode-collapse"
             :class="{ show: openEpisodeGuid === episode.guid }"
         >
@@ -236,7 +236,7 @@ watch(
   font-variant-numeric: tabular-nums;
 }
 
-.episode-play-button [data-play-icon] {
+.episode-play-button .fas {
   font-size: 1.1rem;
   line-height: 1;
 }
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index 5573a743..a0d406fa 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -53,9 +53,17 @@ function checkDescriptionOverflow(): void {
 async function scrollToEpisode(episode: PodcastEpisode): Promise<void> {
   await nextTick()
 
+  const episodeIndex = props.playlistMetadata.episodes.findIndex(
+      item => item.guid === episode.guid
+  )
+
+  if (episodeIndex < 0) {
+    return
+  }
+
   requestAnimationFrame(() => {
     document
-        .getElementById(`episode-item-${episode.guid}`)
+        .getElementById(`episode-item-${episodeIndex}`)
         ?.scrollIntoView({
           behavior: 'smooth',
           block: 'start',
diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index 0ecd3749..3449602e 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -358,7 +358,7 @@ const handleSubmit = () => {
         </div>
 
         <div class="col-md-3 col-lg-2 d-grid mt-4">
-          <button id="podcast-reset" class="btn btn-success" type="submit">Suchen</button>
+          <button id="podcast-submit" class="btn btn-success" type="submit">Suchen</button>
         </div>
       </div>
     </div>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index abc37992..50b63059 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -44,7 +44,6 @@ const currentPage = computed(() => {
 
 const isLoading = ref(false)
 const isError = ref(false)
-const error = ref<string | null>(null)
 
 const coverErrors = ref<Record<string, boolean>>({})
 const coverLoaded = ref<Record<string, boolean>>({})
@@ -69,18 +68,22 @@ const visiblePages = computed<(number | string)[]>(() => {
 
   pages.push(1)
 
-  if (current > 4) {
-    pages.push('...')
-  }
-
   const start = Math.max(2, current - 2)
   const end = Math.min(total - 1, current + 2)
 
+  if (start === 3) {
+    pages.push(2)
+  } else if (start > 3) {
+    pages.push('...')
+  }
+
   for (let page = start; page <= end; page++) {
     pages.push(page)
   }
 
-  if (current < total - 3) {
+  if (end === total - 2) {
+    pages.push(total - 1)
+  } else if (end < total - 2) {
     pages.push('...')
   }
 
@@ -184,7 +187,6 @@ async function searchPodcasts(): Promise<void> {
 
   isLoading.value = true
   isError.value = false
-  error.value = null
 
   const params = createParams()
 
@@ -224,12 +226,7 @@ async function searchPodcasts(): Promise<void> {
     }
 
     podcastMetadata.value = null
-
-    error.value =
-        err instanceof Error
-            ? err.message
-            : 'Unknown error'
-
+    console.error('Podcasts konnten nicht geladen werden:', err)
     isError.value = true
   } finally {
     if (requestId === requestSequence) {
@@ -280,7 +277,7 @@ watch(
       Podcasts werden geladen ...
     </LoadingState>
 
-    <ErrorState v-else-if="error">{{error}}</ErrorState>
+    <ErrorState v-else-if="isError" />
 
     <EmptyState
         v-else-if="podcastMetadata?.response.numFound === 0"
diff --git a/src/main/podcast/src/types/types.ts b/src/main/podcast/src/types/types.ts
index bfa65a34..8a891a2f 100644
--- a/src/main/podcast/src/types/types.ts
+++ b/src/main/podcast/src/types/types.ts
@@ -20,64 +20,64 @@ export interface SolrResult {
 }
 
 export interface SolrDocument {
-    objectKind: string
+    objectKind?: string
     id: string
-    returnId: string
-    objectProject: string
-    objectType: string
+    returnId?: string
+    objectProject?: string
+    objectType?: string
 
-    link: string[]
+    link?: string[]
 
-    modified: string
-    created: string
-    modifiedby: string
-    createdby: string
+    modified?: string
+    created?: string
+    modifiedby?: string
+    createdby?: string
 
-    state: string
+    state?: string
 
-    derCount: number
-    derivates: string[]
+    derCount?: number
+    derivates?: string[]
 
-    worldReadable: boolean
-    worldReadableComplete: boolean
+    worldReadable?: boolean
+    worldReadableComplete?: boolean
 
-    category: string[]
-    'category.top': string[]
+    category?: string[]
+    'category.top'?: string[]
 
-    'mods.title': string[]
-    'mods.title.main': string
+    'mods.title'?: string[]
+    'mods.title.main'?: string
 
-    'mods.name': string[]
-    'mods.name.top': string[]
+    'mods.name'?: string[]
+    'mods.name.top'?: string[]
 
-    'mods.author': string[]
+    'mods.author'?: string[]
 
     'mods.publisher'?: string[]
 
-    'mods.genre': string[]
+    'mods.genre'?: string[]
 
-    'mods.abstract': string[]
+    'mods.abstract'?: string[]
 
-    'mods.dateIssued': string
-    'mods.yearIssued': number
-    'mods.type': string
+    'mods.dateIssued'?: string
+    'mods.yearIssued'?: number
+    'mods.type'?: string
 
-    search_result_link_text: string
+    search_result_link_text?: string
 
-    'mods.pindexname': string[]
-    'mods.pindexname.published': string[]
+    'mods.pindexname'?: string[]
+    'mods.pindexname.published'?: string[]
 
-    'mods.nameByRole.personal.aut': string[]
+    'mods.nameByRole.personal.aut'?: string[]
     'mods.nameByRole.personal.own'?: string[]
 
-    'mods.abstract.result': string
-    'mods.abstract.result.de': string[]
+    'mods.abstract.result'?: string
+    'mods.abstract.result.de'?: string[]
 
-    'mir.toc.title': string
-    'mir.toc.authors': string
+    'mir.toc.title'?: string
+    'mir.toc.authors'?: string
 
-    _version_: number
-    score: number
+    _version_?: number
+    score?: number
 }
 
 export interface SolrFacetCounts {
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
index 8f0a4f3e..482bb6dd 100644
--- a/src/main/podcast/src/views/Playlist.vue
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -23,7 +23,6 @@ const props = defineProps<{
   podcastId: string
 }>()
 
-const error = ref<string | null>(null)
 const isError = ref(false)
 const isLoading = ref(false)
 const isNotFound = ref(false)
@@ -53,7 +52,6 @@ async function getPlaylistMetadata(): Promise<void> {
 
   isError.value = false
   isNotFound.value = false
-  error.value = null
   isLoading.value = true
   playlistMetadata.value = null
 
@@ -86,11 +84,7 @@ async function getPlaylistMetadata(): Promise<void> {
       return
     }
 
-    error.value =
-        err instanceof Error
-            ? err.message
-            : 'Unknown error'
-
+    console.error('Podcastdaten konnten nicht geladen werden:', err)
     isError.value = true
 
   } finally {
@@ -124,7 +118,7 @@ watch(
 
     <LoadingState v-if="isLoading" />
 
-    <ErrorState v-else-if="isError">{{error}}</ErrorState>
+    <ErrorState v-else-if="isError" />
 
     <section v-else-if="playlistMetadata" id="playlist-content">
       <PlaylistHeader :playlist-metadata="playlistMetadata"/>
diff --git a/src/main/podcast/vite.config.ts b/src/main/podcast/vite.config.ts
index 50121f99..4d069b0d 100644
--- a/src/main/podcast/vite.config.ts
+++ b/src/main/podcast/vite.config.ts
@@ -2,7 +2,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'node:path'
 
-export default defineConfig({
+export default defineConfig(({ command }) => ({
   plugins: [vue()],
 
   server: {
@@ -23,9 +23,11 @@ export default defineConfig({
   },
 
   // This bundle is loaded directly by the browser, not by another bundler.
-  define: {
-    'process.env.NODE_ENV': JSON.stringify('production'),
-  },
+  define: command === 'build'
+      ? {
+          'process.env.NODE_ENV': JSON.stringify('production'),
+        }
+      : undefined,
 
   build: {
     lib: {
@@ -36,4 +38,4 @@ export default defineConfig({
       cssFileName: 'podcast',
     },
   },
-})
+}))

From c318b2a1d733897f660b30ef9a60987601347782 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 11:35:03 +0200
Subject: [PATCH 16/28] DBT-422 fix description overflow detection on resize

---
 .../podcast/src/components/PlaylistHeader.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index a0d406fa..584ea983 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref } from 'vue'
+import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
 import type {PodcastEpisode, PodcastPlaylist} from '../types/types.ts'
 import { usePlayerStore } from '../stores/player.ts'
 
@@ -23,6 +23,7 @@ const isDescriptionExpanded = ref(false)
 const isDescriptionOverflowing = ref(false)
 
 const descriptionElement = ref<HTMLElement | null>(null)
+let descriptionResizeObserver: ResizeObserver | null = null
 
 
 function handleImageLoad(): void {
@@ -83,8 +84,24 @@ async function buildPlayer(episode: PodcastEpisode): Promise<void> {
 
 onMounted(async () => {
   await nextTick()
+
+  const element = descriptionElement.value
+
+  if (!element) {
+    return
+  }
+
+  descriptionResizeObserver = new ResizeObserver(
+      checkDescriptionOverflow
+  )
+  descriptionResizeObserver.observe(element)
+
   checkDescriptionOverflow()
 })
+
+onUnmounted(() => {
+  descriptionResizeObserver?.disconnect()
+})
 </script>
 
 <template>

From 6f293fb590f5ed60dceb73afa5b9ff1c989be75e Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 13:05:27 +0200
Subject: [PATCH 17/28] DBT-422 fix playback toggle after external media
 controls

---
 src/main/podcast/src/stores/player.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/podcast/src/stores/player.ts b/src/main/podcast/src/stores/player.ts
index ce6681f6..91de2f7d 100644
--- a/src/main/podcast/src/stores/player.ts
+++ b/src/main/podcast/src/stores/player.ts
@@ -88,7 +88,7 @@ export const usePlayerStore = defineStore('player', () => {
     }
 
     function togglePlayback(): void {
-        if (playbackRequest.value.command === 'play') {
+        if (isPlaying.value) {
             requestPause()
         } else {
             requestPlay()

From a7acc11088338b18f9d2ad653907eb4bb84207b8 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 14:37:44 +0200
Subject: [PATCH 18/28] DBT-422 simplify development index.html

---
 src/main/podcast/index.html          | 197 +--------------------------
 src/main/podcast/public/dbt-logo.svg | 157 ---------------------
 src/main/podcast/src/layout.css      |   5 -
 3 files changed, 1 insertion(+), 358 deletions(-)
 delete mode 100644 src/main/podcast/public/dbt-logo.svg
 delete mode 100644 src/main/podcast/src/layout.css

diff --git a/src/main/podcast/index.html b/src/main/podcast/index.html
index 72adfbf1..e60eeab0 100644
--- a/src/main/podcast/index.html
+++ b/src/main/podcast/index.html
@@ -8,212 +8,17 @@
     <meta name="podcast-base-path" content="/" />
     <meta name="podcast-application-base-url" content="/mir/" />
     <link rel="icon" href="/favicon.png">
-    <link rel="stylesheet" href="https://www.db-thueringen.de/dbt/assets/waves/waves.min.css">
-    <link rel="stylesheet" href="src/layout.css" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css">
     <script type="module" src="/src/index.ts"></script>
 </head>
 <body class="d-flex flex-column min-vh-100">
-
-<header>
-    <nav role="navigation" class="navbar navbar-expand-md navbar-dbt fixed-top">
-        <div class="container">
-            <a href="#" class="navbar-brand">
-                <span class="img-placeholder"></span>
-            </a>
-            <button aria-controls="navbar" aria-expanded="false" data-bs-target="#navbar,#container-overlay" data-bs-toggle="collapse" class="navbar-toggler collapsed plus-sign" type="button"><span class="visually-hidden">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
-            <div class="collapse navbar-collapse" id="navbar">
-
-                <ul class="navbar-nav me-auto">
-                    <li class="nav-item dropdown d-flex">
-                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N20063">
-                            <i class="fas fa-magnifying-glass me-1 d-none d-sm-inline-block d-lg-none"></i>
-                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Suche</span>
-                        </a>
-                        <div aria-labelledby="N20063" role="menu" class="dropdown-menu rounded-0">
-                            <a href="#" class="dropdown-item">einfach</a>
-                            <a href="#" class="dropdown-item">erweitert</a>
-                        </div>
-                    </li>
-                    <li class="nav-item dropdown ">
-                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N20082">
-                            <i class="fas fa-sitemap me-1 d-none d-sm-inline-block d-lg-none"></i>
-                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Bl&auml;ttern</span>
-                        </a>
-                        <div aria-labelledby="N20082" role="menu" class="dropdown-menu rounded-0 ">
-                            <a href="#" class="dropdown-item">Einrichtungen</a>
-                            <a href="#" class="dropdown-item">Dokumenttypen</a>
-                            <a href="#" class="dropdown-item">Sachgruppen</a>
-                            <a href="#" class="dropdown-item">Personen</a>
-                        </div>
-                    </li>
-                    <li class="nav-item dropdown ">
-                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N200B1">
-                            <i class="fas fa-clipboard-check me-1 d-none d-sm-inline-block d-lg-none"></i>
-                            <span class="d-inline d-lg-inline d-md-none d-sm-inline">Semesterapparate</span>
-                        </a>
-                        <div aria-labelledby="N200B1" role="menu" class="dropdown-menu rounded-0 ">
-                            <a href="#" class="dropdown-item">Aktuelle Liste</a>
-                        </div>
-                    </li>
-                    <li class="nav-item dropdown ">
-                        <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle" id="N200C5">
-                            <i class="fas fa-upload me-1 d-none d-sm-inline-block d-lg-none"></i>
-                            <span class="d-inline  d-lg-inline d-md-none d-sm-inline">Publizieren</span>
-                        </a>
-                        <div aria-labelledby="N200C5" role="menu" class="dropdown-menu rounded-0 ">
-                            <a href="#" class="dropdown-item">Leitlinien</a>
-                            <a href="#" class="dropdown-item">Vertragsbedingungen</a>
-                        </div>
-                    </li>
-                    <li class="nav-item ">
-                        <a href="#" class="nav-link">
-                            <i class="fas fa-headphones me-1 d-none d-sm-inline-block d-lg-none"></i>
-                            <span class="d-inline  d-lg-inline d-md-none d-sm-inline">Podcasts</span>
-                        </a>
-                    </li>
-                    <li class="nav-item d-xs-inline d-sm-inline d-md-none">
-                        <a href="#" class="nav-link">
-                            <i class="fas fa-circle-question me-1 d-none d-sm-inline-block"></i>
-                            FAQ
-                        </a>
-                    </li>
-                    <li id="basket-list-item" class="nav-item dropdown d-xs-inline d-sm-inline d-md-none">
-                        <a title="Merkliste" href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle"><i class="fas fa-bookmark me-1"></i><sup>0</sup></a>
-                        <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu rounded-0 ">
-                            <li class="dropdown-item disabled">
-                                <a>Auf ihrer Merkliste befinden sich keine Dokumente.</a>
-                            </li>
-                            <li class="dropdown-divider"></li>
-                            <li class="dropdown-item">
-                                <a href="#">Merkliste &ouml;ffnen</a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-
-                <ul class="navbar-nav ms-auto navbar-right">
-                    <li id="basket-list-item-2" class="nav-item dropdown d-none d-md-inline">
-                        <a title="Merkliste" href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle"><i class="fas fa-bookmark me-1"></i><sup>0</sup></a>
-                        <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu rounded-0 dropdown-menu rounded-0-right">
-                            <li class="dropdown-item disabled">
-                                <a>Auf ihrer Merkliste befinden sich keine Dokumente.</a>
-                            </li>
-                            <li class="dropdown-divider"></li>
-                            <li class="dropdown-item">
-                                <a href="#">Merkliste &ouml;ffnen</a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="nav-item d-none d-md-inline">
-                        <a href="#" class="nav-link"><i class="fas fa-circle-question me-1"></i><span class="d-none d-lg-inline">FAQ</span></a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="#" class="nav-link"><i class="fas fa-right-to-bracket"></i><span class="d-inline d-xl-inline d-sm-inline d-md-none ms-1">Anmelden</span></a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </nav>
-
-    <div class="searchbar">
-        <div class="container">
-            <form action="" role="search" class="navbar-form d-flex align-items-center navbar-right">
-                <div class="input-group">
-                    <input placeholder="Suchen" name="condQuery" id="searchTerm" type="text" class="form-control rounded-0">
-                    <span class="input-group-btn">
-            <button class="btn btn-outline-secondary rounded-0" type="submit">
-              <i class="fas fa-magnifying-glass"></i>
-            </button>
-          </span>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    <noscript>
-        <div style="border-radius: 0;" class="mir-no-script alert alert-warning text-center">Um den vollen Funktionsumfang dieser Webseite zu erfahren, ben&ouml;tigen Sie JavaScript. Hier finden Sie die
-            &nbsp;
-            <a target="_blank" href="">Anleitung wie Sie JavaScript in Ihrem Browser einschalten</a>
-            .
-        </div>
-    </noscript>
-</header>
-
 <section class="flex-grow-1">
     <div class="container">
         <div id="main_content">
-            <a id="top"></a>
             <div class="container" ></div>
-            <button class="btn back-to-top" style="display: none;"><i class="fas fa-chevron-circle-up"></i></button>
         </div>
     </div>
 </section>
-
-<footer class="flex-shrink-0">
-    <div class="container">
-        <div class="d-flex justify-content-between align-items-center">
-            <div>
-                <ul class="nav-footer">
-                    <li>
-                        <a href="#" class="text-success">Impressum</a>
-                    </li>
-                    <li>
-                        <a href="#" class="text-success">Barrierefreiheit</a>
-                    </li>
-                    <li>
-                        <a href="#" class="text-success">Datenschutzerkl&auml;rung</a>
-                    </li>
-                    <li>
-                        <a href="#" class="text-success">Kontakt</a>
-                    </li>
-                </ul>
-                <p class="info mb-2">&copy; 2000 - 2026 UrMEL. Alle Rechte vorbehalten.<i title="DBT: 2025.06-SNAPSHOT (00073a7)<br>MIR: 2025.06.3-SNAPSHOT 2025.06.x:v2025.06.2-2-gbdf63ae" data-bs-placement="top" data-bs-html="true" data-bs-toggle="tooltip" class="fas fa-info-circle text-info ms-2 pt-1"></i>
-                </p>
-            </div>
-            <div>
-                <div class="btn-group dropup float-end language-select">
-                    <button data-bs-toggle="dropdown" class="btn btn-outline-secondary btn-sm dropdown-toggle"><span class="language de">Sprache wechseln</span><span class="caret"></span></button>
-                    <div class="dropdown-menu rounded-0 dropdown-menu rounded-0-end">
-                        <a href="#" class="dropdown-item language de active">Deutsch</a><a href="#" class="dropdown-item language en">English</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="powered_by" class="d-flex justify-content-center align-items-center">
-            <a
-                    href="http://www.mycore.de"
-            >
-                <img
-                        title="MyCoRe 2025.06.3-SNAPSHOT 2025.06.x:v2025.06.2-1-gbf96dff"
-                        src="https://www.db-thueringen.de/mir-layout/images/mycore_logo_powered_120x30_blaue_schrift_frei.png"
-                        class="img-responsive"
-                        alt="powered by MyCoRe"
-                >
-            </a>
-        </div>
-    </div>
-</footer>
-
-<div
-        aria-controls="navbar"
-        aria-expanded="false"
-        data-bs-target="#navbar,#container-overlay"
-        data-bs-toggle="collapse"
-        class="collapse"
-        id="container-overlay"
-></div>
-
-<script src="https://www.db-thueringen.de/assets/jquery/jquery.min.js" type="text/javascript"></script>
-<script src="https://www.db-thueringen.de/assets/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
-<script src="https://www.db-thueringen.de/dbt/assets/waves/waves.min.js" type="text/javascript"></script>
-<script src="https://www.db-thueringen.de/dbt/js/layout.min.js" type="text/javascript"></script>
-<script src="https://www.db-thueringen.de/js/mir/confirm.js" type="text/javascript"></script>
-<script src="https://www.db-thueringen.de/js/mir/base.min.js" type="text/javascript"></script>
-<script type="text/javascript" src="https://www.db-thueringen.de/js/mir/session-polling.js"></script>
-<script src="https://www.db-thueringen.de/modules/webtools/upload/js/upload-api.js"></script>
-<script src="https://www.db-thueringen.de/modules/webtools/upload/js/upload-gui.js"></script>
-<script src="https://www.db-thueringen.de/assets/jquery/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
-
 </body>
 </html>
diff --git a/src/main/podcast/public/dbt-logo.svg b/src/main/podcast/public/dbt-logo.svg
deleted file mode 100644
index 29aefb6c..00000000
--- a/src/main/podcast/public/dbt-logo.svg
+++ /dev/null
@@ -1,157 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 383.95559 149.07454"
-   height="149.07454"
-   width="383.9556"
-   xml:space="preserve"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="dbt-logo.svg"><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1216"
-     inkscape:window-height="819"
-     id="namedview3520"
-     showgrid="false"
-     inkscape:zoom="1.007929"
-     inkscape:cx="310.55866"
-     inkscape:cy="229.70189"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="g12"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" /><metadata
-     id="metadata8"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs6"><clipPath
-       id="clipPath18"
-       clipPathUnits="userSpaceOnUse"><path
-         id="path16"
-         d="m 0,595.28 841.89,0 L 841.89,0 0,0 Z"
-         inkscape:connector-curvature="0" /></clipPath></defs><g
-     transform="matrix(1.3333333,0,0,-1.3333333,-0.50185332,792.44998)"
-     id="g10"><g
-       id="g12"><g
-         clip-path="url(#clipPath18)"
-         id="dbt"
-         transform="translate(-276.06111,228.4387)"
-         inkscape:label="#dbt"><g
-           transform="translate(283.6035,260.4043)"
-           id="g20"><path
-             id="spiracle"
-             style="fill:#d9dadb;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 0,0 c 0,0 -2.368,-1.63 -3.499,3.271 -1.984,8.597 10.555,46.111 67.214,74.11 46.941,23.196 80.099,28.086 88.629,14.33 C 159.177,80.689 141.613,49.955 112.878,34.39 81.132,17.194 37.92,5.51 28,18.075 c -11.902,15.077 18.079,36.82 33.291,44.536 15.211,7.716 53.88,23.495 61.552,13.198 5.974,-8.021 -16.578,-25.765 -26.279,-31.057 -9.699,-5.291 -37.377,-13.534 -40.785,-8.816 -2.867,3.967 6.173,12.786 16.094,17.856 9.92,5.071 18.298,6.835 20.503,5.071 2.204,-1.765 1.627,-4.295 -2.109,-7.372 -3.658,-3.013 -9.796,-6.739 -9.796,-6.739 0,0 5.005,1.848 10.285,4.3 6.828,3.169 13.525,9.811 10.219,14 -2.541,3.219 -17.638,0.22 -31.308,-6.835 C 55.549,48.93 44.362,37.838 47.841,30.644 c 3.308,-6.833 31.581,-5.783 52.692,7.275 20.972,12.971 34.98,26.591 31.775,39.206 C 129.287,89.014 91.697,82.27 58.864,64.154 32.777,49.759 11.92,25.722 23.15,11.686 35.496,-3.748 79.368,4.188 117.95,25.352 156.38,46.434 171.552,79.549 160.307,95.866 150.174,110.57 112.028,104.189 62.172,80.247 17.639,58.863 -9.23,17.158 -4.6,1.725 c 1.415,-4.721 1.763,-3.088 1.763,-3.088 z"
-             inkscape:connector-curvature="0" /></g><g
-           transform="translate(329.5156,338.0215)"
-           id="g24" /><g
-           transform="translate(369.6021,352.6528)"
-           id="g28" /><g
-           transform="translate(300.0264,313.4209)"
-           id="g32" /><g
-           transform="translate(403.8813,361.3198)"
-           id="g36" /><g
-           transform="translate(276.4375,258.6689)"
-           id="g40" /><g
-           transform="translate(291.0215,239.4199)"
-           id="g44" /><g
-           transform="translate(309.4912,234.3662)"
-           id="g50" /><g
-           transform="translate(328.2915,242.2764)"
-           id="g56" /><g
-           transform="translate(338.125,234.0039)"
-           id="g60" /><g
-           transform="translate(356.1152,235.0264)"
-           id="g66" /><g
-           transform="translate(371.3359,232.3633)"
-           id="g70" /><g
-           transform="translate(390.2725,234.2588)"
-           id="g76" /><g
-           transform="translate(413.3384,234.2012)"
-           id="g84" /><g
-           transform="translate(426.2412,242.2764)"
-           id="g88" /><g
-           transform="translate(429.8291,242.2764)"
-           id="g92" /><g
-           transform="translate(448.1855,235.0264)"
-           id="g96" /><g
-           transform="translate(453.3467,242.2764)"
-           id="g100" /><g
-           transform="translate(470.3311,242.2764)"
-           id="g104" /><g
-           transform="translate(484.0664,242.2764)"
-           id="g108" /><g
-           transform="translate(507.6172,238.8008)"
-           id="g114" /><g
-           transform="translate(521.2813,238.8008)"
-           id="g120" /><g
-           transform="translate(536.1094,234.3662)"
-           id="g124" /><g
-           transform="translate(551.3955,235.0264)"
-           id="g128" /><g
-           transform="translate(556.5566,238.8008)"
-           id="g132" /><g
-           transform="translate(352.6157,286.873)"
-           id="g136"><path
-             id="d"
-             style="fill:#1a171b;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 0,0 c 0.19,6.272 6.735,9.407 19.634,9.407 l 31.586,0 0,11.826 24.471,0 0,-51.198 -56.057,0 c -12.993,0 -19.538,3.046 -19.634,9.137 z m 31.017,-2.218 c -4.268,0 -6.403,-0.983 -6.403,-2.954 l 0,-10.212 c 0,-1.973 2.041,-2.959 6.119,-2.959 l 20.344,0 0,16.125 z"
-             inkscape:connector-curvature="0"
-             inkscape:label="#dbt_d" /></g><g
-           transform="translate(461.5791,284.6553)"
-           id="g140"><path
-             id="b"
-             style="fill:#1a171b;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 0,0 0,-16.125 20.343,0 c 4.081,0 6.121,0.985 6.121,2.959 l 0,10.212 C 26.464,-0.983 24.327,0 20.06,0 Z m 51.076,2.218 0,-20.828 c -0.095,-6.091 -6.639,-9.137 -19.636,-9.137 l -56.055,0 0,51.198 24.473,0 0,-11.826 31.582,0 c 12.902,0 19.448,-3.135 19.636,-9.407"
-             inkscape:connector-curvature="0"
-             inkscape:label="#dbt_b" /></g><g
-           transform="translate(541.6602,256.9082)"
-           id="g144"><g
-             id="brand_color"><path
-               inkscape:connector-curvature="0"
-               d="m 0,0 c 0,6.069 4.921,10.988 10.989,10.988 6.07,0 10.988,-4.919 10.988,-10.988 0,-6.068 -4.918,-10.987 -10.988,-10.987 C 4.921,-10.987 0,-6.068 0,0"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="dot3"
-               transform="translate(-212.1446,81.1133)" /><path
-               inkscape:connector-curvature="0"
-               d="m 0,0 c 0,3.793 3.075,6.869 6.868,6.869 3.794,0 6.868,-3.076 6.868,-6.869 0,-3.794 -3.074,-6.867 -6.868,-6.867 C 3.075,-6.867 0,-3.794 0,0"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="dot4"
-               transform="translate(-172.0581,95.7446)" /><path
-               inkscape:connector-curvature="0"
-               d="m 0,0 c 0,3.794 3.076,6.869 6.869,6.869 3.794,0 6.868,-3.075 6.868,-6.869 0,-3.794 -3.074,-6.869 -6.868,-6.869 C 3.076,-6.869 0,-3.794 0,0"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="dot2"
-               transform="translate(-241.6338,56.5127)" /><path
-               inkscape:connector-curvature="0"
-               d="M 0,0 C 0,2.528 2.051,4.579 4.579,4.579 7.109,4.579 9.157,2.528 9.157,0 9.157,-2.529 7.109,-4.579 4.579,-4.579 2.051,-4.579 0,-2.529 0,0"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="dot5"
-               transform="translate(-137.7789,104.4116)" /><path
-               inkscape:connector-curvature="0"
-               d="M 0,0 C 0,2.529 2.05,4.579 4.579,4.579 7.108,4.579 9.158,2.529 9.158,0 9.158,-2.526 7.108,-4.576 4.579,-4.576 2.05,-4.576 0,-2.526 0,0"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="dot1"
-               transform="translate(-265.2227,1.7606972)" /><path
-               inkscape:label="#dbt_t"
-               inkscape:connector-curvature="0"
-               d="m 0,0 c -13.564,0 -20.345,2.888 -20.345,8.668 l 0,42.329 24.613,0 0,-11.625 18.476,0 0,-11.625 -18.476,0 0,-13.84 c 0,-1.52 1.234,-2.285 3.698,-2.285 l 14.634,0 L 22.6,0 Z"
-               style="fill:#008955;fill-opacity:1;fill-rule:nonzero;stroke:none"
-               id="path146" /></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/src/main/podcast/src/layout.css b/src/main/podcast/src/layout.css
deleted file mode 100644
index 2dfec8f0..00000000
--- a/src/main/podcast/src/layout.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/*!
- * Bootstrap  v5.3.8 (https://getbootstrap.com/)
- * Copyright 2011-2025 The Bootstrap Authors
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: rgb(5.2, 44, 101.2);--bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);--bs-success-text-emphasis: rgb(10, 54, 33.6);--bs-info-text-emphasis: rgb(5.2, 80.8, 96);--bs-warning-text-emphasis: rgb(102, 77.2, 2.8);--bs-danger-text-emphasis: rgb(88, 21.2, 27.6);--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: rgb(206.6, 226, 254.6);--bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);--bs-success-bg-subtle: rgb(209, 231, 220.8);--bs-info-bg-subtle: rgb(206.6, 244.4, 252);--bs-warning-bg-subtle: rgb(255, 242.6, 205.4);--bs-danger-bg-subtle: rgb(248, 214.6, 217.8);--bs-light-bg-subtle: rgb(251.5, 252, 252.5);--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: rgb(158.2, 197, 254.2);--bs-secondary-border-subtle: rgb(196.2, 199.8, 203);--bs-success-border-subtle: rgb(163, 207, 186.6);--bs-info-border-subtle: rgb(158.2, 233.8, 249);--bs-warning-border-subtle: rgb(255, 230.2, 155.8);--bs-danger-border-subtle: rgb(241, 174.2, 180.6);--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13, 110, 253;--bs-link-decoration: underline;--bs-link-hover-color: rgb(10.4, 88, 202.4);--bs-link-hover-color-rgb: 10, 88, 202;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: rgb(255, 242.6, 205.4);--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #dee2e6;--bs-body-color-rgb: 222, 226, 230;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb: 222, 226, 230;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb: 222, 226, 230;--bs-tertiary-bg: rgb(42.5, 47.5, 52.5);--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: rgb(109.8, 168, 253.8);--bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);--bs-success-text-emphasis: rgb(117, 183, 152.4);--bs-info-text-emphasis: rgb(109.8, 223.2, 246);--bs-warning-text-emphasis: rgb(255, 217.8, 106.2);--bs-danger-text-emphasis: rgb(234, 133.8, 143.4);--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: rgb(2.6, 22, 50.6);--bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);--bs-success-bg-subtle: rgb(5, 27, 16.8);--bs-info-bg-subtle: rgb(2.6, 40.4, 48);--bs-warning-bg-subtle: rgb(51, 38.6, 1.4);--bs-danger-bg-subtle: rgb(44, 10.6, 13.8);--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: rgb(7.8, 66, 151.8);--bs-secondary-border-subtle: rgb(64.8, 70.2, 75);--bs-success-border-subtle: rgb(15, 81, 50.4);--bs-info-border-subtle: rgb(7.8, 121.2, 144);--bs-warning-border-subtle: rgb(153, 115.8, 4.2);--bs-danger-border-subtle: rgb(132, 31.8, 41.4);--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: rgb(109.8, 168, 253.8);--bs-link-hover-color: rgb(138.84, 185.4, 254.04);--bs-link-color-rgb: 110, 168, 254;--bs-link-hover-color-rgb: 139, 185, 254;--bs-code-color: rgb(230.4, 132.6, 181.2);--bs-highlight-color: #dee2e6;--bs-highlight-bg: rgb(102, 77.2, 2.8);--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, 0.15);--bs-form-valid-color: rgb(117, 183, 152.4);--bs-form-valid-border-color: rgb(117, 183, 152.4);--bs-form-invalid-color: rgb(234, 133.8, 143.4);--bs-form-invalid-border-color: rgb(234, 133.8, 143.4)}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + 0.9vw)}@media(min-width: 1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + 0.6vw)}@media(min-width: 1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:0.875em}mark,.mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media(min-width: 1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media(min-width: 1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media(min-width: 1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media(min-width: 1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media(min-width: 1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:0.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:0.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-1,.gy-1{--bs-gutter-y: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-2,.gy-2{--bs-gutter-y: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width: 576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width)*2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(even){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}.table-primary{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width: 575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(0.375rem + var(--bs-border-width));padding-bottom:calc(0.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + var(--bs-border-width));padding-bottom:calc(0.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.25rem + var(--bs-border-width));padding-bottom:calc(0.25rem + var(--bs-border-width));font-size:0.875rem}.form-text{margin-top:.25rem;font-size:0.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-0.375rem -0.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-0.25rem -0.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-0.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-select{transition:none}}.form-select:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:rgba(0,0,0,0)}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:rgb(182.4,211.5,254.4)}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:var(--bs-secondary-bg);border-color:rgba(0,0,0,0);border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:rgb(182.4,211.5,254.4)}.form-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:var(--bs-secondary-bg);border-color:rgba(0,0,0,0);border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb), 0.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid rgba(0,0,0,0);transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1*var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}.btn{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity: 0.65;--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);--bs-btn-hover-border-color: rgb(10.4, 88, 202.4);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(10.4, 88, 202.4);--bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #0d6efd;--bs-btn-disabled-border-color: #0d6efd}.btn-secondary{--bs-btn-color: #fff;--bs-btn-bg: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);--bs-btn-hover-border-color: rgb(86.4, 93.6, 100);--bs-btn-focus-shadow-rgb: 130, 138, 145;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(86.4, 93.6, 100);--bs-btn-active-border-color: rgb(81, 87.75, 93.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #6c757d;--bs-btn-disabled-border-color: #6c757d}.btn-success{--bs-btn-color: #fff;--bs-btn-bg: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);--bs-btn-hover-border-color: rgb(20, 108, 67.2);--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(20, 108, 67.2);--bs-btn-active-border-color: rgb(18.75, 101.25, 63);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #198754;--bs-btn-disabled-border-color: #198754}.btn-info{--bs-btn-color: #000;--bs-btn-bg: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);--bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-focus-shadow-rgb: 11, 172, 204;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(61.4, 212.6, 243);--bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #0dcaf0;--bs-btn-disabled-border-color: #0dcaf0}.btn-warning{--bs-btn-color: #000;--bs-btn-bg: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(255, 202.3, 44.2);--bs-btn-hover-border-color: rgb(255, 199.2, 31.8);--bs-btn-focus-shadow-rgb: 217, 164, 6;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(255, 205.4, 56.6);--bs-btn-active-border-color: rgb(255, 199.2, 31.8);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #ffc107;--bs-btn-disabled-border-color: #ffc107}.btn-danger{--bs-btn-color: #fff;--bs-btn-bg: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(187, 45.05, 58.65);--bs-btn-hover-border-color: rgb(176, 42.4, 55.2);--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(176, 42.4, 55.2);--bs-btn-active-border-color: rgb(165, 39.75, 51.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #dc3545;--bs-btn-disabled-border-color: #dc3545}.btn-light{--bs-btn-color: #000;--bs-btn-bg: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);--bs-btn-hover-border-color: rgb(198.4, 199.2, 200);--bs-btn-focus-shadow-rgb: 211, 212, 213;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(198.4, 199.2, 200);--bs-btn-active-border-color: rgb(186, 186.75, 187.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #f8f9fa;--bs-btn-disabled-border-color: #f8f9fa}.btn-dark{--bs-btn-color: #fff;--bs-btn-bg: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);--bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-focus-shadow-rgb: 66, 70, 73;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(77.4, 80.6, 83.8);--bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #212529;--bs-btn-disabled-border-color: #212529}.btn-outline-primary{--bs-btn-color: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #0d6efd;--bs-btn-hover-border-color: #0d6efd;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0d6efd;--bs-btn-active-border-color: #0d6efd;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0d6efd;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0d6efd;--bs-gradient: none}.btn-outline-secondary{--bs-btn-color: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #6c757d;--bs-btn-hover-border-color: #6c757d;--bs-btn-focus-shadow-rgb: 108, 117, 125;--bs-btn-active-color: #fff;--bs-btn-active-bg: #6c757d;--bs-btn-active-border-color: #6c757d;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none}.btn-outline-success{--bs-btn-color: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #198754;--bs-btn-hover-border-color: #198754;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: #198754;--bs-btn-active-border-color: #198754;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #198754;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #198754;--bs-gradient: none}.btn-outline-info{--bs-btn-color: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #0dcaf0;--bs-btn-hover-border-color: #0dcaf0;--bs-btn-focus-shadow-rgb: 13, 202, 240;--bs-btn-active-color: #000;--bs-btn-active-bg: #0dcaf0;--bs-btn-active-border-color: #0dcaf0;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0dcaf0;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0dcaf0;--bs-gradient: none}.btn-outline-warning{--bs-btn-color: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #ffc107;--bs-btn-hover-border-color: #ffc107;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #000;--bs-btn-active-bg: #ffc107;--bs-btn-active-border-color: #ffc107;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #ffc107;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #ffc107;--bs-gradient: none}.btn-outline-danger{--bs-btn-color: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #dc3545;--bs-btn-hover-border-color: #dc3545;--bs-btn-focus-shadow-rgb: 220, 53, 69;--bs-btn-active-color: #fff;--bs-btn-active-bg: #dc3545;--bs-btn-active-border-color: #dc3545;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #dc3545;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #dc3545;--bs-gradient: none}.btn-outline-light{--bs-btn-color: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #f8f9fa;--bs-btn-hover-border-color: #f8f9fa;--bs-btn-focus-shadow-rgb: 248, 249, 250;--bs-btn-active-color: #000;--bs-btn-active-bg: #f8f9fa;--bs-btn-active-border-color: #f8f9fa;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #f8f9fa;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #f8f9fa;--bs-gradient: none}.btn-outline-dark{--bs-btn-color: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #212529;--bs-btn-hover-border-color: #212529;--bs-btn-focus-shadow-rgb: 33, 37, 41;--bs-btn-active-color: #fff;--bs-btn-active-bg: #212529;--bs-btn-active-border-color: #212529;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #212529;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #212529;--bs-gradient: none}.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: var(--bs-link-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;--bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg,.btn-group-lg>.btn{--bs-btn-padding-y: 0.5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius: var(--bs-border-radius-lg)}.btn-sm,.btn-group-sm>.btn{--bs-btn-padding-y: 0.25rem;--bs-btn-padding-x: 0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius: var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1400px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){margin-left:calc(-1*var(--bs-border-width))}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:calc(-1*var(--bs-border-width))}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1*var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1*var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: 0.125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid rgba(0,0,0,0)}.nav-underline .nav-link:hover,.nav-underline .nav-link:focus{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: 0.5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: 0.3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: 0.5rem;--bs-navbar-toggler-padding-y: 0.25rem;--bs-navbar-toggler-padding-x: 0.75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: 0.25rem;--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: 0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:rgba(0,0,0,0);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width: 576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width: 1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto !important;height:auto !important;visibility:visible !important;background-color:rgba(0,0,0,0) !important;border:0 !important;transform:none !important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, 0.55);--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: 0.5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: 0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer{border-bottom-left-radius:0}}.accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media(prefers-reduced-motion: reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media(prefers-reduced-motion: reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: 0.5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x: 0.75rem;--bs-pagination-padding-y: 0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1*var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: 0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: 0.5rem;--bs-pagination-padding-y: 0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x: 0.65em;--bs-badge-padding-y: 0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight: 700;--bs-badge-color: #fff;--bs-badge-border-radius: var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius: var(--bs-border-radius);--bs-alert-link-color: inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color: var(--bs-primary-text-emphasis);--bs-alert-bg: var(--bs-primary-bg-subtle);--bs-alert-border-color: var(--bs-primary-border-subtle);--bs-alert-link-color: var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color: var(--bs-secondary-text-emphasis);--bs-alert-bg: var(--bs-secondary-bg-subtle);--bs-alert-border-color: var(--bs-secondary-border-subtle);--bs-alert-link-color: var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color: var(--bs-success-text-emphasis);--bs-alert-bg: var(--bs-success-bg-subtle);--bs-alert-border-color: var(--bs-success-border-subtle);--bs-alert-link-color: var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);--bs-alert-bg: var(--bs-info-bg-subtle);--bs-alert-border-color: var(--bs-info-border-subtle);--bs-alert-link-color: var(--bs-info-text-emphasis)}.alert-warning,.alert.unsupported-browser{--bs-alert-color: var(--bs-warning-text-emphasis);--bs-alert-bg: var(--bs-warning-bg-subtle);--bs-alert-border-color: var(--bs-warning-border-subtle);--bs-alert-link-color: var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color: var(--bs-danger-text-emphasis);--bs-alert-bg: var(--bs-danger-bg-subtle);--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color: var(--bs-light-text-emphasis);--bs-alert-bg: var(--bs-light-bg-subtle);--bs-alert-border-color: var(--bs-light-border-subtle);--bs-alert-link-color: var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color: var(--bs-dark-text-emphasis);--bs-alert-bg: var(--bs-dark-bg-subtle);--bs-alert-border-color: var(--bs-dark-border-subtle);--bs-alert-link-color: var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color: var(--bs-body-color);--bs-list-group-bg: var(--bs-body-bg);--bs-list-group-border-color: var(--bs-border-color);--bs-list-group-border-width: var(--bs-border-width);--bs-list-group-border-radius: var(--bs-border-radius);--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: 0.5rem;--bs-list-group-action-color: var(--bs-secondary-color);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);--bs-list-group-action-active-color: var(--bs-body-color);--bs-list-group-action-active-bg: var(--bs-secondary-bg);--bs-list-group-disabled-color: var(--bs-secondary-color);--bs-list-group-disabled-bg: var(--bs-body-bg);--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1*var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width: 1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color: var(--bs-primary-text-emphasis);--bs-list-group-bg: var(--bs-primary-bg-subtle);--bs-list-group-border-color: var(--bs-primary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);--bs-list-group-active-color: var(--bs-primary-bg-subtle);--bs-list-group-active-bg: var(--bs-primary-text-emphasis);--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color: var(--bs-secondary-text-emphasis);--bs-list-group-bg: var(--bs-secondary-bg-subtle);--bs-list-group-border-color: var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);--bs-list-group-active-color: var(--bs-secondary-bg-subtle);--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color: var(--bs-success-text-emphasis);--bs-list-group-bg: var(--bs-success-bg-subtle);--bs-list-group-border-color: var(--bs-success-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-success-border-subtle);--bs-list-group-active-color: var(--bs-success-bg-subtle);--bs-list-group-active-bg: var(--bs-success-text-emphasis);--bs-list-group-active-border-color: var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color: var(--bs-info-text-emphasis);--bs-list-group-bg: var(--bs-info-bg-subtle);--bs-list-group-border-color: var(--bs-info-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-info-border-subtle);--bs-list-group-active-color: var(--bs-info-bg-subtle);--bs-list-group-active-bg: var(--bs-info-text-emphasis);--bs-list-group-active-border-color: var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color: var(--bs-warning-text-emphasis);--bs-list-group-bg: var(--bs-warning-bg-subtle);--bs-list-group-border-color: var(--bs-warning-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);--bs-list-group-active-color: var(--bs-warning-bg-subtle);--bs-list-group-active-bg: var(--bs-warning-text-emphasis);--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color: var(--bs-danger-text-emphasis);--bs-list-group-bg: var(--bs-danger-bg-subtle);--bs-list-group-border-color: var(--bs-danger-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);--bs-list-group-active-color: var(--bs-danger-bg-subtle);--bs-list-group-active-bg: var(--bs-danger-text-emphasis);--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color: var(--bs-light-text-emphasis);--bs-list-group-bg: var(--bs-light-bg-subtle);--bs-list-group-border-color: var(--bs-light-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-light-border-subtle);--bs-list-group-active-color: var(--bs-light-bg-subtle);--bs-list-group-active-bg: var(--bs-light-text-emphasis);--bs-list-group-active-border-color: var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color: var(--bs-dark-text-emphasis);--bs-list-group-bg: var(--bs-dark-bg-subtle);--bs-list-group-border-color: var(--bs-dark-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);--bs-list-group-active-color: var(--bs-dark-bg-subtle);--bs-list-group-active-bg: var(--bs-dark-text-emphasis);--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity: 0.5;--bs-btn-close-hover-opacity: 0.75;--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: 0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:rgba(0,0,0,0) var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: 0.75rem;--bs-toast-padding-y: 0.5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-0.5*var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex: 1055;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: 0.5rem;--bs-modal-color: var(--bs-body-color);--bs-modal-bg: var(--bs-body-bg);--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: var(--bs-border-width);--bs-modal-border-radius: var(--bs-border-radius-lg);--bs-modal-box-shadow: var(--bs-box-shadow-sm);--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1rem 1rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: var(--bs-border-width);--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: 0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0, -50px);transition:transform .3s ease-out}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);margin-top:calc(-0.5*var(--bs-modal-header-padding-y));margin-right:calc(-0.5*var(--bs-modal-header-padding-x));margin-bottom:calc(-0.5*var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width: 300px}}@media(min-width: 992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}@media(min-width: 1200px){.modal-xl{--bs-modal-width: 1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width: 575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width: 767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width: 991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width: 1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width: 1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size:0.875rem;--bs-popover-bg: var(--bs-body-bg);--bs-popover-border-width: var(--bs-border-width);--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: var(--bs-border-radius-lg);--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow: var(--bs-box-shadow);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: 0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: inherit;--bs-popover-header-bg: var(--bs-secondary-bg);--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: var(--bs-body-color);--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: 0.5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-0.5*var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg: #fff;--bs-carousel-caption-color: #fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}.spinner-grow,.spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) /* rtl:ignore */}}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-border-width: 0.25em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:rgba(0,0,0,0)}.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: 0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed: 1.5s}}.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{--bs-offcanvas-zindex: 1045;--bs-offcanvas-width: 400px;--bs-offcanvas-height: 30vh;--bs-offcanvas-padding-x: 1rem;--bs-offcanvas-padding-y: 1rem;--bs-offcanvas-color: var(--bs-body-color);--bs-offcanvas-bg: var(--bs-body-bg);--bs-offcanvas-border-width: var(--bs-border-width);--bs-offcanvas-border-color: var(--bs-border-color-translucent);--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);--bs-offcanvas-transition: transform 0.3s ease-in-out;--bs-offcanvas-title-line-height: 1.5}@media(max-width: 575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){.offcanvas-sm{transition:none}}@media(max-width: 575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){transform:none}.offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{visibility:visible}}@media(min-width: 576px){.offcanvas-sm{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 767.98px)and (prefers-reduced-motion: reduce){.offcanvas-md{transition:none}}@media(max-width: 767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.showing,.offcanvas-md.show:not(.hiding){transform:none}.offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{visibility:visible}}@media(min-width: 768px){.offcanvas-md{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 991.98px)and (prefers-reduced-motion: reduce){.offcanvas-lg{transition:none}}@media(max-width: 991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){transform:none}.offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{visibility:visible}}@media(min-width: 992px){.offcanvas-lg{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){.offcanvas-xl{transition:none}}@media(max-width: 1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){transform:none}.offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{visibility:visible}}@media(min-width: 1200px){.offcanvas-xl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}@media(max-width: 1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width: 1399.98px)and (prefers-reduced-motion: reduce){.offcanvas-xxl{transition:none}}@media(max-width: 1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){transform:none}.offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show{visibility:visible}}@media(min-width: 1400px){.offcanvas-xxl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:rgba(0,0,0,0) !important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:rgba(0,0,0,0) !important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media(prefers-reduced-motion: reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none}.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);margin-top:calc(-0.5*var(--bs-offcanvas-padding-y));margin-right:calc(-0.5*var(--bs-offcanvas-padding-x));margin-bottom:calc(-0.5*var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media(prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media(min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.object-fit-contain{object-fit:contain !important}.object-fit-cover{object-fit:cover !important}.object-fit-fill{object-fit:fill !important}.object-fit-scale{object-fit:scale-down !important}.object-fit-none{object-fit:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:var(--bs-box-shadow) !important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm) !important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg) !important}.shadow-none{box-shadow:none !important}.focus-ring-primary{--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.start-0{left:0 !important}.start-50{left:50% !important}.start-100{left:100% !important}.end-0{right:0 !important}.end-50{right:50% !important}.end-100{right:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-0{border:0 !important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-top-0{border-top:0 !important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-end-0{border-right:0 !important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-bottom-0{border-bottom:0 !important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}.border-start-0{border-left:0 !important}.border-primary{--bs-border-opacity: 1;border-color:rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important}.border-secondary{--bs-border-opacity: 1;border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important}.border-success{--bs-border-opacity: 1;border-color:rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important}.border-info{--bs-border-opacity: 1;border-color:rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important}.border-warning{--bs-border-opacity: 1;border-color:rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important}.border-danger{--bs-border-opacity: 1;border-color:rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important}.border-light{--bs-border-opacity: 1;border-color:rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important}.border-dark{--bs-border-opacity: 1;border-color:rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important}.border-black{--bs-border-opacity: 1;border-color:rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important}.border-white{--bs-border-opacity: 1;border-color:rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle) !important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle) !important}.border-success-subtle{border-color:var(--bs-success-border-subtle) !important}.border-info-subtle{border-color:var(--bs-info-border-subtle) !important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle) !important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle) !important}.border-light-subtle{border-color:var(--bs-light-border-subtle) !important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle) !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.border-opacity-10{--bs-border-opacity: 0.1}.border-opacity-25{--bs-border-opacity: 0.25}.border-opacity-50{--bs-border-opacity: 0.5}.border-opacity-75{--bs-border-opacity: 0.75}.border-opacity-100{--bs-border-opacity: 1}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse,.result_body{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2,#aux_col .card:nth-child(1n+2){margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.row-gap-0{row-gap:0 !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:3rem !important}.column-gap-0{column-gap:0 !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:3rem !important}.font-monospace{font-family:var(--bs-font-monospace) !important}.fs-1{font-size:calc(1.375rem + 1.5vw) !important}.fs-2{font-size:calc(1.325rem + 0.9vw) !important}.fs-3{font-size:calc(1.3rem + 0.6vw) !important}.fs-4{font-size:calc(1.275rem + 0.3vw) !important}.fs-5{font-size:1.25rem !important}.fs-6{font-size:1rem !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-lighter{font-weight:lighter !important}.fw-light{font-weight:300 !important}.fw-normal{font-weight:400 !important}.fw-medium{font-weight:500 !important}.fw-semibold{font-weight:600 !important}.fw-bold{font-weight:700 !important}.fw-bolder{font-weight:bolder !important}.lh-1{line-height:1 !important}.lh-sm{line-height:1.25 !important}.lh-base{line-height:1.5 !important}.lh-lg{line-height:2 !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}.text-muted{--bs-text-opacity: 1;color:var(--bs-secondary-color) !important}.text-black-50{--bs-text-opacity: 1;color:rgba(0,0,0,.5) !important}.text-white-50{--bs-text-opacity: 1;color:hsla(0,0%,100%,.5) !important}.text-body-secondary{--bs-text-opacity: 1;color:var(--bs-secondary-color) !important}.text-body-tertiary{--bs-text-opacity: 1;color:var(--bs-tertiary-color) !important}.text-body-emphasis{--bs-text-opacity: 1;color:var(--bs-emphasis-color) !important}.text-reset{--bs-text-opacity: 1;color:inherit !important}.text-opacity-25{--bs-text-opacity: 0.25}.text-opacity-50{--bs-text-opacity: 0.5}.text-opacity-75{--bs-text-opacity: 0.75}.text-opacity-100{--bs-text-opacity: 1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis) !important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis) !important}.text-success-emphasis{color:var(--bs-success-text-emphasis) !important}.text-info-emphasis{color:var(--bs-info-text-emphasis) !important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis) !important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis) !important}.text-light-emphasis{color:var(--bs-light-text-emphasis) !important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis) !important}.link-opacity-10{--bs-link-opacity: 0.1}.link-opacity-10-hover:hover{--bs-link-opacity: 0.1}.link-opacity-25{--bs-link-opacity: 0.25}.link-opacity-25-hover:hover{--bs-link-opacity: 0.25}.link-opacity-50{--bs-link-opacity: 0.5}.link-opacity-50-hover:hover{--bs-link-opacity: 0.5}.link-opacity-75{--bs-link-opacity: 0.75}.link-opacity-75-hover:hover{--bs-link-opacity: 0.75}.link-opacity-100{--bs-link-opacity: 1}.link-opacity-100-hover:hover{--bs-link-opacity: 1}.link-offset-1{text-underline-offset:.125em !important}.link-offset-1-hover:hover{text-underline-offset:.125em !important}.link-offset-2{text-underline-offset:.25em !important}.link-offset-2-hover:hover{text-underline-offset:.25em !important}.link-offset-3{text-underline-offset:.375em !important}.link-offset-3-hover:hover{text-underline-offset:.375em !important}.link-underline-primary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-secondary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-success{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-info{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-warning{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-danger{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-light{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important}.link-underline-dark{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important}.link-underline{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-underline-opacity-0{--bs-link-underline-opacity: 0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity: 0}.link-underline-opacity-10{--bs-link-underline-opacity: 0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity: 0.1}.link-underline-opacity-25{--bs-link-underline-opacity: 0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity: 0.25}.link-underline-opacity-50{--bs-link-underline-opacity: 0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity: 0.5}.link-underline-opacity-75{--bs-link-underline-opacity: 0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity: 0.75}.link-underline-opacity-100{--bs-link-underline-opacity: 1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity: 1}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}.bg-transparent{--bs-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-body-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important}.bg-body-tertiary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important}.bg-opacity-10{--bs-bg-opacity: 0.1}.bg-opacity-25{--bs-bg-opacity: 0.25}.bg-opacity-50{--bs-bg-opacity: 0.5}.bg-opacity-75{--bs-bg-opacity: 0.75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle) !important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle) !important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle) !important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle) !important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle) !important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle) !important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle) !important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle) !important}.bg-gradient{background-image:var(--bs-gradient) !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.rounded{border-radius:var(--bs-border-radius) !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:var(--bs-border-radius-sm) !important}.rounded-2{border-radius:var(--bs-border-radius) !important}.rounded-3{border-radius:var(--bs-border-radius-lg) !important}.rounded-4{border-radius:var(--bs-border-radius-xl) !important}.rounded-5{border-radius:var(--bs-border-radius-xxl) !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:var(--bs-border-radius-pill) !important}.rounded-top{border-top-left-radius:var(--bs-border-radius) !important;border-top-right-radius:var(--bs-border-radius) !important}.rounded-top-0{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm) !important;border-top-right-radius:var(--bs-border-radius-sm) !important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius) !important;border-top-right-radius:var(--bs-border-radius) !important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg) !important;border-top-right-radius:var(--bs-border-radius-lg) !important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl) !important;border-top-right-radius:var(--bs-border-radius-xl) !important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl) !important;border-top-right-radius:var(--bs-border-radius-xxl) !important}.rounded-top-circle{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill) !important;border-top-right-radius:var(--bs-border-radius-pill) !important}.rounded-end{border-top-right-radius:var(--bs-border-radius) !important;border-bottom-right-radius:var(--bs-border-radius) !important}.rounded-end-0{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm) !important;border-bottom-right-radius:var(--bs-border-radius-sm) !important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius) !important;border-bottom-right-radius:var(--bs-border-radius) !important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg) !important;border-bottom-right-radius:var(--bs-border-radius-lg) !important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl) !important;border-bottom-right-radius:var(--bs-border-radius-xl) !important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl) !important;border-bottom-right-radius:var(--bs-border-radius-xxl) !important}.rounded-end-circle{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill) !important;border-bottom-right-radius:var(--bs-border-radius-pill) !important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius) !important;border-bottom-left-radius:var(--bs-border-radius) !important}.rounded-bottom-0{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm) !important;border-bottom-left-radius:var(--bs-border-radius-sm) !important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius) !important;border-bottom-left-radius:var(--bs-border-radius) !important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg) !important;border-bottom-left-radius:var(--bs-border-radius-lg) !important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl) !important;border-bottom-left-radius:var(--bs-border-radius-xl) !important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl) !important;border-bottom-left-radius:var(--bs-border-radius-xxl) !important}.rounded-bottom-circle{border-bottom-right-radius:50% !important;border-bottom-left-radius:50% !important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill) !important;border-bottom-left-radius:var(--bs-border-radius-pill) !important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius) !important;border-top-left-radius:var(--bs-border-radius) !important}.rounded-start-0{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm) !important;border-top-left-radius:var(--bs-border-radius-sm) !important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius) !important;border-top-left-radius:var(--bs-border-radius) !important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg) !important;border-top-left-radius:var(--bs-border-radius-lg) !important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl) !important;border-top-left-radius:var(--bs-border-radius-xl) !important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl) !important;border-top-left-radius:var(--bs-border-radius-xxl) !important}.rounded-start-circle{border-bottom-left-radius:50% !important;border-top-left-radius:50% !important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill) !important;border-top-left-radius:var(--bs-border-radius-pill) !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.z-n1{z-index:-1 !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}@media(min-width: 576px){.float-sm-start{float:left !important}.float-sm-end{float:right !important}.float-sm-none{float:none !important}.object-fit-sm-contain{object-fit:contain !important}.object-fit-sm-cover{object-fit:cover !important}.object-fit-sm-fill{object-fit:fill !important}.object-fit-sm-scale{object-fit:scale-down !important}.object-fit-sm-none{object-fit:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-inline-grid{display:inline-grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.25rem !important}.m-sm-2{margin:.5rem !important}.m-sm-3{margin:1rem !important}.m-sm-4{margin:1.5rem !important}.m-sm-5{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.25rem !important}.mt-sm-2{margin-top:.5rem !important}.mt-sm-3{margin-top:1rem !important}.mt-sm-4{margin-top:1.5rem !important}.mt-sm-5{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.me-sm-0{margin-right:0 !important}.me-sm-1{margin-right:.25rem !important}.me-sm-2{margin-right:.5rem !important}.me-sm-3{margin-right:1rem !important}.me-sm-4{margin-right:1.5rem !important}.me-sm-5{margin-right:3rem !important}.me-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.25rem !important}.mb-sm-2{margin-bottom:.5rem !important}.mb-sm-3{margin-bottom:1rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.mb-sm-5{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ms-sm-0{margin-left:0 !important}.ms-sm-1{margin-left:.25rem !important}.ms-sm-2{margin-left:.5rem !important}.ms-sm-3{margin-left:1rem !important}.ms-sm-4{margin-left:1.5rem !important}.ms-sm-5{margin-left:3rem !important}.ms-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.25rem !important}.p-sm-2{padding:.5rem !important}.p-sm-3{padding:1rem !important}.p-sm-4{padding:1.5rem !important}.p-sm-5{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.25rem !important}.pt-sm-2{padding-top:.5rem !important}.pt-sm-3{padding-top:1rem !important}.pt-sm-4{padding-top:1.5rem !important}.pt-sm-5{padding-top:3rem !important}.pe-sm-0{padding-right:0 !important}.pe-sm-1{padding-right:.25rem !important}.pe-sm-2{padding-right:.5rem !important}.pe-sm-3{padding-right:1rem !important}.pe-sm-4{padding-right:1.5rem !important}.pe-sm-5{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.25rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pb-sm-3{padding-bottom:1rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pb-sm-5{padding-bottom:3rem !important}.ps-sm-0{padding-left:0 !important}.ps-sm-1{padding-left:.25rem !important}.ps-sm-2{padding-left:.5rem !important}.ps-sm-3{padding-left:1rem !important}.ps-sm-4{padding-left:1.5rem !important}.ps-sm-5{padding-left:3rem !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.25rem !important}.gap-sm-2{gap:.5rem !important}.gap-sm-3{gap:1rem !important}.gap-sm-4{gap:1.5rem !important}.gap-sm-5{gap:3rem !important}.row-gap-sm-0{row-gap:0 !important}.row-gap-sm-1{row-gap:.25rem !important}.row-gap-sm-2{row-gap:.5rem !important}.row-gap-sm-3{row-gap:1rem !important}.row-gap-sm-4{row-gap:1.5rem !important}.row-gap-sm-5{row-gap:3rem !important}.column-gap-sm-0{column-gap:0 !important}.column-gap-sm-1{column-gap:.25rem !important}.column-gap-sm-2{column-gap:.5rem !important}.column-gap-sm-3{column-gap:1rem !important}.column-gap-sm-4{column-gap:1.5rem !important}.column-gap-sm-5{column-gap:3rem !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.float-md-start{float:left !important}.float-md-end{float:right !important}.float-md-none{float:none !important}.object-fit-md-contain{object-fit:contain !important}.object-fit-md-cover{object-fit:cover !important}.object-fit-md-fill{object-fit:fill !important}.object-fit-md-scale{object-fit:scale-down !important}.object-fit-md-none{object-fit:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-inline-grid{display:inline-grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row,.result_body{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.25rem !important}.m-md-2{margin:.5rem !important}.m-md-3{margin:1rem !important}.m-md-4{margin:1.5rem !important}.m-md-5{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.25rem !important}.mt-md-2{margin-top:.5rem !important}.mt-md-3{margin-top:1rem !important}.mt-md-4{margin-top:1.5rem !important}.mt-md-5{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.me-md-0{margin-right:0 !important}.me-md-1{margin-right:.25rem !important}.me-md-2{margin-right:.5rem !important}.me-md-3{margin-right:1rem !important}.me-md-4{margin-right:1.5rem !important}.me-md-5{margin-right:3rem !important}.me-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.25rem !important}.mb-md-2{margin-bottom:.5rem !important}.mb-md-3{margin-bottom:1rem !important}.mb-md-4{margin-bottom:1.5rem !important}.mb-md-5{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ms-md-0{margin-left:0 !important}.ms-md-1{margin-left:.25rem !important}.ms-md-2{margin-left:.5rem !important}.ms-md-3{margin-left:1rem !important}.ms-md-4{margin-left:1.5rem !important}.ms-md-5{margin-left:3rem !important}.ms-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.25rem !important}.p-md-2{padding:.5rem !important}.p-md-3{padding:1rem !important}.p-md-4{padding:1.5rem !important}.p-md-5{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.25rem !important}.pt-md-2{padding-top:.5rem !important}.pt-md-3{padding-top:1rem !important}.pt-md-4{padding-top:1.5rem !important}.pt-md-5{padding-top:3rem !important}.pe-md-0{padding-right:0 !important}.pe-md-1{padding-right:.25rem !important}.pe-md-2{padding-right:.5rem !important}.pe-md-3{padding-right:1rem !important}.pe-md-4{padding-right:1.5rem !important}.pe-md-5{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.25rem !important}.pb-md-2{padding-bottom:.5rem !important}.pb-md-3{padding-bottom:1rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pb-md-5{padding-bottom:3rem !important}.ps-md-0{padding-left:0 !important}.ps-md-1{padding-left:.25rem !important}.ps-md-2{padding-left:.5rem !important}.ps-md-3{padding-left:1rem !important}.ps-md-4{padding-left:1.5rem !important}.ps-md-5{padding-left:3rem !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.25rem !important}.gap-md-2{gap:.5rem !important}.gap-md-3{gap:1rem !important}.gap-md-4{gap:1.5rem !important}.gap-md-5{gap:3rem !important}.row-gap-md-0{row-gap:0 !important}.row-gap-md-1{row-gap:.25rem !important}.row-gap-md-2{row-gap:.5rem !important}.row-gap-md-3{row-gap:1rem !important}.row-gap-md-4{row-gap:1.5rem !important}.row-gap-md-5{row-gap:3rem !important}.column-gap-md-0{column-gap:0 !important}.column-gap-md-1{column-gap:.25rem !important}.column-gap-md-2{column-gap:.5rem !important}.column-gap-md-3{column-gap:1rem !important}.column-gap-md-4{column-gap:1.5rem !important}.column-gap-md-5{column-gap:3rem !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.float-lg-start{float:left !important}.float-lg-end{float:right !important}.float-lg-none{float:none !important}.object-fit-lg-contain{object-fit:contain !important}.object-fit-lg-cover{object-fit:cover !important}.object-fit-lg-fill{object-fit:fill !important}.object-fit-lg-scale{object-fit:scale-down !important}.object-fit-lg-none{object-fit:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-inline-grid{display:inline-grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.25rem !important}.m-lg-2{margin:.5rem !important}.m-lg-3{margin:1rem !important}.m-lg-4{margin:1.5rem !important}.m-lg-5{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.25rem !important}.mt-lg-2{margin-top:.5rem !important}.mt-lg-3{margin-top:1rem !important}.mt-lg-4{margin-top:1.5rem !important}.mt-lg-5{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.me-lg-0{margin-right:0 !important}.me-lg-1{margin-right:.25rem !important}.me-lg-2{margin-right:.5rem !important}.me-lg-3{margin-right:1rem !important}.me-lg-4{margin-right:1.5rem !important}.me-lg-5{margin-right:3rem !important}.me-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.25rem !important}.mb-lg-2{margin-bottom:.5rem !important}.mb-lg-3{margin-bottom:1rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.mb-lg-5{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ms-lg-0{margin-left:0 !important}.ms-lg-1{margin-left:.25rem !important}.ms-lg-2{margin-left:.5rem !important}.ms-lg-3{margin-left:1rem !important}.ms-lg-4{margin-left:1.5rem !important}.ms-lg-5{margin-left:3rem !important}.ms-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.25rem !important}.p-lg-2{padding:.5rem !important}.p-lg-3{padding:1rem !important}.p-lg-4{padding:1.5rem !important}.p-lg-5{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.25rem !important}.pt-lg-2{padding-top:.5rem !important}.pt-lg-3{padding-top:1rem !important}.pt-lg-4{padding-top:1.5rem !important}.pt-lg-5{padding-top:3rem !important}.pe-lg-0{padding-right:0 !important}.pe-lg-1{padding-right:.25rem !important}.pe-lg-2{padding-right:.5rem !important}.pe-lg-3{padding-right:1rem !important}.pe-lg-4{padding-right:1.5rem !important}.pe-lg-5{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.25rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pb-lg-3{padding-bottom:1rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pb-lg-5{padding-bottom:3rem !important}.ps-lg-0{padding-left:0 !important}.ps-lg-1{padding-left:.25rem !important}.ps-lg-2{padding-left:.5rem !important}.ps-lg-3{padding-left:1rem !important}.ps-lg-4{padding-left:1.5rem !important}.ps-lg-5{padding-left:3rem !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.25rem !important}.gap-lg-2{gap:.5rem !important}.gap-lg-3{gap:1rem !important}.gap-lg-4{gap:1.5rem !important}.gap-lg-5{gap:3rem !important}.row-gap-lg-0{row-gap:0 !important}.row-gap-lg-1{row-gap:.25rem !important}.row-gap-lg-2{row-gap:.5rem !important}.row-gap-lg-3{row-gap:1rem !important}.row-gap-lg-4{row-gap:1.5rem !important}.row-gap-lg-5{row-gap:3rem !important}.column-gap-lg-0{column-gap:0 !important}.column-gap-lg-1{column-gap:.25rem !important}.column-gap-lg-2{column-gap:.5rem !important}.column-gap-lg-3{column-gap:1rem !important}.column-gap-lg-4{column-gap:1.5rem !important}.column-gap-lg-5{column-gap:3rem !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.float-xl-start{float:left !important}.float-xl-end{float:right !important}.float-xl-none{float:none !important}.object-fit-xl-contain{object-fit:contain !important}.object-fit-xl-cover{object-fit:cover !important}.object-fit-xl-fill{object-fit:fill !important}.object-fit-xl-scale{object-fit:scale-down !important}.object-fit-xl-none{object-fit:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-inline-grid{display:inline-grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.25rem !important}.m-xl-2{margin:.5rem !important}.m-xl-3{margin:1rem !important}.m-xl-4{margin:1.5rem !important}.m-xl-5{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.25rem !important}.mt-xl-2{margin-top:.5rem !important}.mt-xl-3{margin-top:1rem !important}.mt-xl-4{margin-top:1.5rem !important}.mt-xl-5{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.me-xl-0{margin-right:0 !important}.me-xl-1{margin-right:.25rem !important}.me-xl-2{margin-right:.5rem !important}.me-xl-3{margin-right:1rem !important}.me-xl-4{margin-right:1.5rem !important}.me-xl-5{margin-right:3rem !important}.me-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.25rem !important}.mb-xl-2{margin-bottom:.5rem !important}.mb-xl-3{margin-bottom:1rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.mb-xl-5{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ms-xl-0{margin-left:0 !important}.ms-xl-1{margin-left:.25rem !important}.ms-xl-2{margin-left:.5rem !important}.ms-xl-3{margin-left:1rem !important}.ms-xl-4{margin-left:1.5rem !important}.ms-xl-5{margin-left:3rem !important}.ms-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.25rem !important}.p-xl-2{padding:.5rem !important}.p-xl-3{padding:1rem !important}.p-xl-4{padding:1.5rem !important}.p-xl-5{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.25rem !important}.pt-xl-2{padding-top:.5rem !important}.pt-xl-3{padding-top:1rem !important}.pt-xl-4{padding-top:1.5rem !important}.pt-xl-5{padding-top:3rem !important}.pe-xl-0{padding-right:0 !important}.pe-xl-1{padding-right:.25rem !important}.pe-xl-2{padding-right:.5rem !important}.pe-xl-3{padding-right:1rem !important}.pe-xl-4{padding-right:1.5rem !important}.pe-xl-5{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.25rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pb-xl-3{padding-bottom:1rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pb-xl-5{padding-bottom:3rem !important}.ps-xl-0{padding-left:0 !important}.ps-xl-1{padding-left:.25rem !important}.ps-xl-2{padding-left:.5rem !important}.ps-xl-3{padding-left:1rem !important}.ps-xl-4{padding-left:1.5rem !important}.ps-xl-5{padding-left:3rem !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.25rem !important}.gap-xl-2{gap:.5rem !important}.gap-xl-3{gap:1rem !important}.gap-xl-4{gap:1.5rem !important}.gap-xl-5{gap:3rem !important}.row-gap-xl-0{row-gap:0 !important}.row-gap-xl-1{row-gap:.25rem !important}.row-gap-xl-2{row-gap:.5rem !important}.row-gap-xl-3{row-gap:1rem !important}.row-gap-xl-4{row-gap:1.5rem !important}.row-gap-xl-5{row-gap:3rem !important}.column-gap-xl-0{column-gap:0 !important}.column-gap-xl-1{column-gap:.25rem !important}.column-gap-xl-2{column-gap:.5rem !important}.column-gap-xl-3{column-gap:1rem !important}.column-gap-xl-4{column-gap:1.5rem !important}.column-gap-xl-5{column-gap:3rem !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){.float-xxl-start{float:left !important}.float-xxl-end{float:right !important}.float-xxl-none{float:none !important}.object-fit-xxl-contain{object-fit:contain !important}.object-fit-xxl-cover{object-fit:cover !important}.object-fit-xxl-fill{object-fit:fill !important}.object-fit-xxl-scale{object-fit:scale-down !important}.object-fit-xxl-none{object-fit:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-inline-grid{display:inline-grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.25rem !important}.m-xxl-2{margin:.5rem !important}.m-xxl-3{margin:1rem !important}.m-xxl-4{margin:1.5rem !important}.m-xxl-5{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.25rem !important}.mt-xxl-2{margin-top:.5rem !important}.mt-xxl-3{margin-top:1rem !important}.mt-xxl-4{margin-top:1.5rem !important}.mt-xxl-5{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.me-xxl-0{margin-right:0 !important}.me-xxl-1{margin-right:.25rem !important}.me-xxl-2{margin-right:.5rem !important}.me-xxl-3{margin-right:1rem !important}.me-xxl-4{margin-right:1.5rem !important}.me-xxl-5{margin-right:3rem !important}.me-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.25rem !important}.mb-xxl-2{margin-bottom:.5rem !important}.mb-xxl-3{margin-bottom:1rem !important}.mb-xxl-4{margin-bottom:1.5rem !important}.mb-xxl-5{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ms-xxl-0{margin-left:0 !important}.ms-xxl-1{margin-left:.25rem !important}.ms-xxl-2{margin-left:.5rem !important}.ms-xxl-3{margin-left:1rem !important}.ms-xxl-4{margin-left:1.5rem !important}.ms-xxl-5{margin-left:3rem !important}.ms-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.25rem !important}.p-xxl-2{padding:.5rem !important}.p-xxl-3{padding:1rem !important}.p-xxl-4{padding:1.5rem !important}.p-xxl-5{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.25rem !important}.pt-xxl-2{padding-top:.5rem !important}.pt-xxl-3{padding-top:1rem !important}.pt-xxl-4{padding-top:1.5rem !important}.pt-xxl-5{padding-top:3rem !important}.pe-xxl-0{padding-right:0 !important}.pe-xxl-1{padding-right:.25rem !important}.pe-xxl-2{padding-right:.5rem !important}.pe-xxl-3{padding-right:1rem !important}.pe-xxl-4{padding-right:1.5rem !important}.pe-xxl-5{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.25rem !important}.pb-xxl-2{padding-bottom:.5rem !important}.pb-xxl-3{padding-bottom:1rem !important}.pb-xxl-4{padding-bottom:1.5rem !important}.pb-xxl-5{padding-bottom:3rem !important}.ps-xxl-0{padding-left:0 !important}.ps-xxl-1{padding-left:.25rem !important}.ps-xxl-2{padding-left:.5rem !important}.ps-xxl-3{padding-left:1rem !important}.ps-xxl-4{padding-left:1.5rem !important}.ps-xxl-5{padding-left:3rem !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.25rem !important}.gap-xxl-2{gap:.5rem !important}.gap-xxl-3{gap:1rem !important}.gap-xxl-4{gap:1.5rem !important}.gap-xxl-5{gap:3rem !important}.row-gap-xxl-0{row-gap:0 !important}.row-gap-xxl-1{row-gap:.25rem !important}.row-gap-xxl-2{row-gap:.5rem !important}.row-gap-xxl-3{row-gap:1rem !important}.row-gap-xxl-4{row-gap:1.5rem !important}.row-gap-xxl-5{row-gap:3rem !important}.column-gap-xxl-0{column-gap:0 !important}.column-gap-xxl-1{column-gap:.25rem !important}.column-gap-xxl-2{column-gap:.5rem !important}.column-gap-xxl-3{column-gap:1rem !important}.column-gap-xxl-4{column-gap:1.5rem !important}.column-gap-xxl-5{column-gap:3rem !important}.text-xxl-start{text-align:left !important}.text-xxl-end{text-align:right !important}.text-xxl-center{text-align:center !important}}@media(min-width: 1200px){.fs-1{font-size:2.5rem !important}.fs-2{font-size:2rem !important}.fs-3{font-size:1.75rem !important}.fs-4{font-size:1.5rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-inline-grid{display:inline-grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:0}100%{transform:perspective(400px) rotateX(90deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.fast{animation-duration:.5s}.animated.flipOutX{backface-visibility:visible !important;animation-name:flipOutX}.animated.flipInX{backface-visibility:visible !important;animation-name:flipInX}:target{scroll-margin-top:115px}@media(min-width: 768px){.navbar-right{float:right !important;margin-right:-15px}}.navbar-dbt{background-color:rgba(0,130.9,81.8125,.98);border-bottom:none;backdrop-filter:blur(5px);padding:0;min-height:50px}.navbar-dbt .nav-item a,.navbar-dbt .nav-item .nav-link{text-decoration:none !important}@media(min-width: 768px){.navbar-dbt{margin-bottom:20px;margin-left:-15px;margin-right:-15px}}@media(max-width: 575.98px){.navbar-dbt{background-color:hsla(0,0%,100%,.98)}}@media(max-width: 575.98px)and (orientation: landscape){.navbar-dbt{box-shadow:-2px 0px 4px rgba(0,0,0,.2)}}@media(max-width: 575.98px)and (max-height: 479px){.navbar-dbt{box-shadow:-2px 0px 4px rgba(0,0,0,.2)}}.navbar-dbt>.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(max-width: 575.98px){.navbar-dbt>.container{max-width:100%}}@media(max-width: 575.98px){.navbar-dbt .navbar-brand{padding-top:5px}}@media(min-width: 768px){.navbar-dbt .navbar-brand,.navbar-dbt .navbar-brand:hover{background-color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 2px 8px rgba(0,0,0,.2);height:115px;position:absolute;top:0;z-index:1035;margin-left:-15px;padding:5px 15px}}.navbar-dbt .navbar-brand>.img-placeholder{height:40px;width:150px;background:url("/dbt-logo.svg") 0 0 no-repeat;background-size:auto 40px;display:block}@media(min-width: 768px){.navbar-dbt .navbar-brand>.img-placeholder{background-position:0 28px;background-size:100% auto;height:100%;max-width:150px}}.navbar-dbt .navbar-toggler{background-color:rgba(0,130.9,81.8125,.97);border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:18px 12px;margin-top:0;margin-right:5px;margin-bottom:0;transform:skew(-20deg, 0)}.navbar-dbt .navbar-toggler:hover,.navbar-dbt .navbar-toggler:focus{background-color:rgba(0,130.9,81.8125,.8)}.navbar-dbt .navbar-toggler .icon-bar{background-color:#fff;display:block;width:22px;height:2px;border-radius:1px}.navbar-dbt .navbar-toggler .icon-bar+.icon-bar{margin-top:4px}.navbar-dbt .navbar-toggler.plus-sign .icon-bar{transition:.25s ease-in-out;transform:rotate(0deg)}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(2){transform:rotate(135deg);margin-top:8px}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(3){opacity:0}.navbar-dbt .navbar-toggler:not(.collapsed).plus-sign .icon-bar:nth-child(4){transform:rotate(-135deg);margin-top:-8px;margin-bottom:4px}@media(min-width: 768px){.navbar-dbt #navbar{margin-left:180px}}@media(max-width: 575.98px){.navbar-dbt #navbar.collapse.in{box-shadow:0px 2px 4px rgba(0,0,0,.2)}}.navbar-dbt #navbar .navbar-nav.navbar-right>li{text-align:center;min-width:40px}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav:nth-child(1){border-bottom:1px solid #ddd;margin-bottom:0}.navbar-dbt #navbar .navbar-nav.navbar-right{float:right;margin:0}.navbar-dbt #navbar .navbar-nav.navbar-right>li{float:left}}.navbar-dbt #navbar .navbar-nav>.open>a,.navbar-dbt #navbar .navbar-nav>.open>a:hover,.navbar-dbt #navbar .navbar-nav>.open>a:focus{background-color:hsla(0,0%,100%,.25);color:#fff}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>.open>a,.navbar-dbt #navbar .navbar-nav>.open>a:hover,.navbar-dbt #navbar .navbar-nav>.open>a:focus{background-color:rgba(0,130.9,81.8125,.25);color:#292929}}.navbar-dbt #navbar .navbar-nav>li>a.nav-link{padding-top:.8rem;padding-bottom:.8rem}.navbar-dbt #navbar .navbar-nav>li>a.nav-link:focus{outline:0}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li .dropdown-toggle.waves-effect.waves-light .waves-ripple,.navbar-dbt #navbar .navbar-nav>li a.waves-effect.waves-light .waves-ripple{background:rgba(0,0,0,.2);background:radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)}}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{font-size:1rem;border:none}@media(min-width: 576px){.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{box-shadow:0px 2px 8px rgba(0,0,0,.2);min-width:168px;margin-top:0}}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li .dropdown-menu{background:none;box-shadow:none}}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li a{color:#292929}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:hover a,.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:focus a{color:#000}.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li.active a,.navbar-dbt #navbar .navbar-nav>li .dropdown-menu>li:active a{color:#fff}.navbar-dbt #navbar .navbar-nav>li>a{color:#fff;font-size:1rem;text-transform:uppercase}.navbar-dbt #navbar .navbar-nav>li>a:hover{color:#ddd}@media(max-width: 575.98px){.navbar-dbt #navbar .navbar-nav>li>a{color:#292929}.navbar-dbt #navbar .navbar-nav>li>a:hover{color:#000}}.navbar-dbt #navbar .navbar-right{margin-left:auto;margin-right:-15px}.navbar-dbt #user-info{width:300px}.navbar-dbt #user-info .controls{background-color:hsl(0,0%,95%)}@media(max-width: 575.98px){.navbar-dbt #user-info{width:auto}.navbar-dbt #user-info .controls{background:none}}#container-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-10;opacity:0;display:block;background-color:rgba(51,51,51,.9);backdrop-filter:blur(5px);pointer-events:none;transition:opacity .15s linear}#container-overlay.collapse.show{z-index:1025;pointer-events:all;opacity:1}@media(min-width: 576px){.breadcrumb{margin-top:0}}.breadcrumb .dropdown-toggle.waves-effect{display:inline}.breadcrumb .dropdown-item a{color:#292929}.breadcrumb .dropdown-item:hover a,.breadcrumb .dropdown-item:focus a{color:#000}.breadcrumb .dropdown-item.active a,.breadcrumb .dropdown-item:active a{color:#fff}.searchbar{background-color:hsla(0,0%,100%,.98);position:fixed;top:50px;right:0;left:0;height:auto !important;padding:5px 0;z-index:1025;border-bottom:1px solid #e0e0e0;box-shadow:-2px 0px 4px rgba(0,0,0,.2);backdrop-filter:blur(5px)}@media(max-width: 575.98px){.searchbar .container{max-width:100%}}@media(max-width: 575.98px)and (orientation: landscape){.searchbar{position:absolute;box-shadow:"none"}}@media(max-width: 575.98px)and (max-height: 479px){.searchbar{position:absolute;box-shadow:"none"}}.searchbar .navbar-form{padding:0 10px;margin-left:-15px;margin-right:-15px}@media(max-width: 575.98px){.searchbar .navbar-form .input-group{width:100%}}.searchbar .navbar-form .input-group .form-control{background-color:rgba(248,248,248,.9);font-size:16px}.searchbar .navbar-form .input-group .input-group>.btn>button,.searchbar .navbar-form .input-group .input-group>.btn.btn{color:#888;border-left:0}footer{padding-top:10px;padding-bottom:20px;line-height:2.1818em;color:rgb(79.25,79.25,79.25)}@media(max-width: 767.98px){footer #footer-nav{text-align:center}}footer .info{line-height:.75em;font-size:.846em}footer ul.nav-footer{display:inline-block;list-style:none;margin:0;padding:0}footer ul.nav-footer li{float:left;padding:0 0 0 5px}footer ul.nav-footer li:first-child{padding:0}footer ul.nav-footer li:last-child:after{content:"";padding:0}footer ul.nav-footer li:after{content:"|";padding:0 5px 0 10px}footer .language-select ul .language,footer .language-select div .language,footer .language-select button span.language{background-repeat:no-repeat;background-size:18px 12px;background-position:center center}footer .language-select ul .de.language,footer .language-select div .de.language,footer .language-select button span.de.language{background-image:url("assets/dbt/images/icons/lng_de.gif") !important}footer .language-select ul .en.language,footer .language-select div .en.language,footer .language-select button span.en.language{background-image:url("assets/dbt/images/icons/lng_en.gif")}footer .language-select button{margin-top:-15px}footer .language-select button span.language{display:inline-block;text-indent:-9999px;width:30px}footer .language-select ul .language,footer .language-select div .language{padding-left:30px;background-position:5px center}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a:hover,a:focus{text-decoration:underline}body{background-color:hsl(0,0%,95%);backface-visibility:hidden}body>section{background-color:#fff}h1,.h1,h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{hyphens:auto}.hyphens{hyphens:auto}.btn{box-shadow:0 -2px 0 rgba(0,0,0,.05) inset}.btn.btn-outline-secondary{color:#333;background-color:#fff;border-color:#ccc}.minw-0{min-width:0}.minw-25{min-width:25%}.minw-50{min-width:50%}.minw-75{min-width:75%}#main_content{background-color:#fff;margin-top:100px;padding-top:15px;padding-bottom:30px;height:100%}@media(min-width: 576px){#main_content{padding-top:30px}}#page{min-height:100%}hgroup{border-bottom:1px solid #ccc;margin-bottom:20px}hgroup:before,hgroup:after{content:" ";display:table}hgroup:after{clear:both}hgroup h1,hgroup .h1{color:#2a3644;font-weight:500;font-size:1.4130434783em;margin-top:0}hgroup h2,hgroup .h2{color:#2a3644;font-size:1.125em;margin:0;padding-bottom:10px}.badges .badge{margin-right:.5rem}.badges .badge:nth-last-child(1){margin-right:0}.card .card-header>a[data-toggle=collapse]:after,.card .card-header>a[aria-expanded=false]:after,.card .card-header>a.collapsed:after,.card .card-header>button[data-toggle=collapse]:after,.card .card-header>button[aria-expanded=false]:after,.card .card-header>button.collapsed:after{content:"";display:flex;font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;margin-left:.5rem}.card .card-header>a[aria-expanded=true]:after,.card .card-header>button[aria-expanded=true]:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;margin-left:.5rem}.card .card-body .pagination{margin:0;margin-bottom:.5rem}.ellipsis.ellipsis-text{position:relative}.ellipsis.ellipsis-text>p{max-height:240px;overflow:hidden;overflow-x:hidden;overflow-y:auto;text-align:justify;-webkit-overflow-scrolling:touch}.ellipsis.ellipsis-text>p::-webkit-scrollbar{display:none}.ellipsis.ellipsis-text>p span{padding-bottom:15px;margin-bottom:-15px}.ellipsis.ellipsis-text:after{display:block;position:absolute;content:" ";bottom:0;height:30px;width:100%;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 90%);background-repeat:repeat-x}.ellipsis.ellipsis-text .readless,.ellipsis.ellipsis-text .readmore{display:none !important}.scroll-container{position:relative}.scroll-container .scrolling-container{overflow:hidden;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scroll-container .scrolling-container::-webkit-scrollbar{display:none}.scroll-container .fade-left,.scroll-container .fade-right{visibility:hidden;opacity:0;z-index:2;position:absolute;display:block;width:30px;top:0;bottom:0;transition-duration:.3s;transform:translateZ(0);margin:0;text-align:center}.scroll-container .fade-left.scrolling,.scroll-container .fade-right.scrolling{visibility:visible;opacity:1;transition-duration:.3s}.scroll-container .fade-left .fa,.scroll-container .fade-right .fa{position:relative;top:5px;font-size:18px;color:rgb(0,130.9,81.8125)}.scroll-container .fade-left{background:linear-gradient(to right, #fff 45%, rgba(249.9, 249.9, 249.9, 0.6));left:-10px}.scroll-container .fade-left .fa{left:-2px}.scroll-container .fade-right{background:linear-gradient(to left, #fff 45%, rgba(249.9, 249.9, 249.9, 0.6));right:-10px}.scroll-container .fade-right .fa{right:-2px}.alert{border:0;border-left:3px solid #eee;border-radius:2px;margin:20px 0;padding:20px}.alert h4,.alert .h4{margin-bottom:5px;margin-top:0}.alert-info{background-color:#f4f8fa;border-color:#5bc0de}.alert-info h4,.alert-info .h4{color:#5bc0de}.alert-warning,.alert.unsupported-browser{background-color:#fcf8f2;border-color:#f0ad4e}.alert-warning h4,.alert.unsupported-browser h4,.alert-warning .h4,.alert.unsupported-browser .h4{color:#f0ad4e}.alert-danger{background-color:#fdf7f7;border-color:#d9534f}.alert-danger h4,.alert-danger .h4{color:#d9534f}.alert-success{background-color:#dff0d8;border-color:#298703}.alert-success h4,.alert-success .h4{color:#298703}.alert+.alert{margin-top:-5px}.btn-secondary{border-color:#ccc}.carousel-indicators li{border-radius:0;transform:skew(-20deg, 0)}#rc-list table{margin-bottom:0}#rc-list table>tbody td{padding-top:.25rem;padding-bottom:.25rem}#rc-list .pagination{margin:0}#rcOptionMenu+div{z-index:2000}.slot-body .entry-text[format=html]{hyphens:auto}.slot-body .entry-text img{max-width:100%}.slot-body .entry-text pre>code{white-space:pre-wrap}.slot-body .entry-webLink a,.slot-body .entry-file a{hyphens:auto}.slot-body .entry-mcrobject .hit_download_box{float:left;display:none}.slot-body .entry-mcrobject .hit_download_box img{max-width:75px}.slot-body .entry-mcrobject .hit_tnd_container,.slot-body .entry-mcrobject .hit_title,.slot-body .entry-mcrobject .hit_author,.slot-body .entry-mcrobject .hit_abstract{padding-left:0}.slot-body .entry-mcrobject .hit_tnd_container .hit_tnd_content{display:flex;flex-direction:row}.slot-body .entry-mcrobject .hit_tnd_container .hit_tnd_content .badge{margin-right:.5em}.slot-body .entry-mcrobject .hit_title{font-size:1rem;margin-bottom:0}.slot-body .entry-mcrobject .hit_author{font-size:.9rem;font-style:italic}.slot-body .entry-opcrecord.border-left{border-width:3px !important}.slot-body .entry-placeholder{border:1px dashed #ccc;background-color:#fafafa;margin:5px 0}.slot-body .dragged{position:absolute;opacity:.5;z-index:2000}body.dragging,body.dragging *{cursor:move !important}#validTo>option.not-settable{color:#dc3545}#slots .slot-active>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #bfd255 0%, #8eb92a 5%, #72aa00 6%, rgba(158, 203, 45, 0) 10%)}#slots .slot-archived>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #fceabb 0%, #fccd4d 5%, #f8b500 6%, rgba(251, 223, 147, 0) 10%)}#slots .slot-free>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #f85032 0%, #f16f5c 5%, #f6290c 6%, rgba(231, 56, 39, 0) 10%)}#slots .slot-reserved>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #e2e2e2 0%, #dbdbdb 5%, #d1d1d1 6%, rgba(254, 254, 254, 0) 10%)}#slots .slot-active-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #bfd255 0%, #8eb92a 5%, #72aa00 6%, #9ecb2d 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-archived-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #fceabb 0%, #fccd4d 5%, #f8b500 6%, #fbdf93 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-free-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #f85032 0%, #f16f5c 5%, #f6290c 6%, #e73827 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-reserved-ownerTransfer>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #e2e2e2 0%, #dbdbdb 5%, #d1d1d1 6%, #fefefe 10%, #000 11%, rgba(255, 255, 255, 0) 14%)}#slots .slot-pending-active>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #72aa00 6%, rgba(158, 203, 45, 0) 10%)}#slots .slot-pending-archived>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #f8b500 6%, rgba(251, 223, 147, 0) 10%)}#slots .slot-pending-free>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #f6290c 6%, rgba(231, 56, 39, 0) 10%)}#slots .slot-pending-reserved>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #d1d1d1 6%, rgba(254, 254, 254, 0) 10%)}#slots .slot-pending-validating>td:first-child{background:rgba(0,0,0,0);background:linear-gradient(to right, #ebf1f6 0%, #abd3ee 5%, #89c3eb 6%, rgba(213, 235, 251, 0) 10%)}.video-js{color:#000;background-color:rgba(0,0,0,.5)}.video-js:focus{outline-style:none !important;outline-color:rgba(0,0,0,0) !important;outline-width:0 !important}.video-js video{margin-bottom:-2px}.video-js .vjs-poster{text-align:center;vertical-align:middle}.video-js .vjs-poster>img{height:100%}.video-js .vjs-big-play-button{background-color:rgba(0,130.9,81.8125,.8);border-color:#fff;left:50%;margin:-0.75em 0 0 -1.5em;top:50%}.video-js .vjs-big-play-button:before{color:#fff}.video-js .vjs-big-play-button>.vjs-icon-placeholder{color:#fff}.video-js .vjs-control-bar{background-color:hsla(0,0%,100%,.85);position:absolute;bottom:0px}.video-js .vjs-control-bar .vjs-icon-placeholder:hover{color:rgb(0,130.9,81.8125)}.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:hsla(0,0%,100%,.85)}.video-js .vjs-menu li.vjs-menu-item:hover{background-color:rgba(0,130.9,81.8125,.2);color:rgb(0,130.9,81.8125)}.video-js .vjs-slider{background:rgba(128,128,128,.6)}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background-color:#000}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:rgba(0,130.9,81.8125,.4)}#powered_by{background-color:rgba(0,0,0,0);border-top:none}footer{--bs-link-color-rgb: 0, 126, 79}.mir-badge-container [class*=mir-badge-genre-]{background-color:rgba(var(--bs-info-rgb))}.mir-badge-container .mir-badge-state-published{background-color:rgba(var(--bs-success-rgb))}.mir-badge-container .mir-badge-state-submitted,.mir-badge-container .mir-badge-state-new,.mir-badge-container .mir-badge-state-imported{background-color:rgba(var(--bs-warning-rgb))}.mir-badge-container .mir-badge-state-review{background-color:rgba(var(--bs-primary-rgb))}.mir-badge-container .mir-badge-state-blocked,.mir-badge-container .mir-badge-state-deleted{background-color:rgba(var(--bs-danger-rgb))}.mir-badge-container .mir-badge-oa-true{background-color:rgba(var(--bs-success-rgb))}.mir-badge-container .mir-badge-oa-false{background-color:rgba(var(--bs-warning-rgb))}div.detail_row h3.card-title,div.detail_row .card-title.h3{font-size:1.15rem;margin-bottom:0}#head_col #badges{overflow:hidden;overflow-y:hidden;overflow-x:visible;float:left;height:25px;width:100%;white-space:nowrap;margin-bottom:.5rem}#head_col #badges::-webkit-scrollbar{display:none}#head_col #badges *{display:inline;margin-right:5px}#head_col #badges *:nth-last-child(1){margin-right:0}.file_box .file_toggle{box-shadow:none}.file_box .options .btn{box-shadow:none}#mir-thumbnail-panel img{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19)}#badges .doc_state .mir-deleted{color:rgb(234,133.8,143.4);background-color:rgb(44,10.6,13.8)}#badges .doc_state span{background-color:#2e2e2e}div.result_searchline form.search_form .input-group-sm .btn,div.result_searchline form.search_form .input-group-sm .form-control{font-size:1rem}div.result_searchline form.search_form .input-group-sm .fa-search,div.result_searchline form.search_form .input-group-sm .fa-magnifying-glass{margin-right:.4rem}.result_body .result_filter{--bs-warning-rgb: 179, 97, 15;float:unset}@media(min-width: 768px){.result_body .result_filter .card{min-width:339px;max-width:340px}}.result_body .result_filter .card.worldReadableComplete li[data-fq^=worldReadableComplete] .title:before{font-family:"Font Awesome 6 Free"}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content{overflow:hidden;overflow-y:hidden;overflow-x:visible;float:left;height:25px;width:100%;white-space:nowrap}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content::-webkit-scrollbar{display:none}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content *{display:inline;margin-right:5px}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content *:nth-last-child(1){margin-right:0}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content>div{float:none}.result_body .result_list #hit_list .hit_tnd_container .hit_tnd_content>div:nth-child(n+1){margin-left:0}.result_body .result_list #hit_list .hit_download_box .hit_icon[style*="icon_common.png"]{background:none !important}.result_body .result_list #hit_list .hit_download_box .hit_icon[src*="icon_common_disabled.png"]{visibility:hidden}@media(min-width: 768px){.result_body .result_list #hit_list .hit_download_box .hit_icon[src*="icon_common_disabled.png"]{display:none}}@media(max-width: 575.98px){.result_body .result_list #hit_list .hit_download_box .hit_icon{background-color:#fff;background-size:cover;background-repeat:no-repeat;border:1px solid var(--bs-border-color-translucent);height:90px}}@media(min-width: 768px)and (orientation: landscape){.result_body .result_list #hit_list .hit_download_box .hit_icon{background-color:#fff;background-size:cover;background-repeat:no-repeat;border:1px solid var(--bs-border-color-translucent);height:90px}}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay{display:none}@media(max-width: 575.98px){.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]{display:none}.vendor-webkit .result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+span{position:absolute;top:5px;display:block;height:80px;width:50px;mask-size:50px 80px;background:rgb(0,130.9,81.8125)}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg{position:absolute;top:5px;left:12px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg,.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{display:block;height:80px;width:50px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{background-color:rgb(0,130.9,81.8125)}}@media(min-width: 768px)and (orientation: landscape){.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]{display:none}.vendor-webkit .result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+span{position:absolute;top:5px;display:block;height:80px;width:50px;mask-size:50px 80px;background:rgb(0,130.9,81.8125)}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg{position:absolute;top:5px;left:12px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg,.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{display:block;height:80px;width:50px}.result_body .result_list #hit_list .hit_download_box .hit_icon_overlay[src$=".svg"]+svg div{background-color:rgb(0,130.9,81.8125)}}.result_body .result_list #hit_list .hit_item .hit_state .mir-deleted{color:rgb(234,133.8,143.4);background-color:rgb(44,10.6,13.8)}.result_body .result_list #hit_list .hit_item .hit_state span{background-color:#2e2e2e}form.form-login{max-width:20rem}form.form-login .form-actions{display:flex;gap:.5rem}.dropdown-menu .dropdown-item a{color:#292929;display:block}.dropdown-menu .dropdown-item:hover a,.dropdown-menu .dropdown-item:focus a{color:#000}.dropdown-menu .dropdown-item.active a,.dropdown-menu .dropdown-item:active a{color:#fff}#container-main form .expand-item{position:inherit}#container-main form div.is-invalid{color:var(--bs-form-invalid-color)}#container-main form div.is-invalid input,#container-main form div.is-invalid select{border-color:var(--bs-form-invalid-color)}#container-main form .mir-fieldset-legend{border-color:rgba(0,130.9,81.8125,.25)}#container-main form div.mir-fieldset-content>div.form-group>div.col-md-6{border-color:rgba(0,130.9,81.8125,.25)}#container-main form .search-completion{box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19)}#container-main form .select2-selection{border:1px solid var(--bs-border-color);height:calc(1.5em + .75rem + 2px);padding:.175rem .75rem}#container-main form .select2-selection__arrow{top:8px}.navbar-dbt .navbar-brand>.img-placeholder{background-image:url("/dbt-logo.svg")}footer .language-select ul .de.language,footer .language-select div .de.language,footer .language-select button span.de.language{background-image:url("./assets/dbt/images/icons/lng_de.gif") !important}footer .language-select ul .en.language,footer .language-select div .en.language,footer .language-select button span.en.language{background-image:url("./assets/dbt/images/icons/lng_en.gif") !important}.fa-magnifying-glass::before,.fa-search::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-0.125em;background:url("./assets/dbt/images/icons/search.png") center/contain no-repeat}.navbar-dbt .fa-magnifying-glass::before,.navbar-dbt .fa-search::before{filter:brightness(0) invert(1)}

From 819d7f848a0dce02a0eb61d0b1c45d52500387de Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Tue, 20 Oct 2026 14:38:15 +0200
Subject: [PATCH 19/28] DBT-422 move filter configuration to JSON

---
 .../podcast/src/components/PodcastFilter.vue  | 204 +-------
 .../podcast/src/data/podcast-categories.json  | 476 ++++++++++++++++++
 2 files changed, 477 insertions(+), 203 deletions(-)
 create mode 100644 src/main/podcast/src/data/podcast-categories.json

diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index 3449602e..9a2cad53 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import itunesPodcastCategories from '../data/podcast-categories.json'
 
 const route = useRoute()
 const router = useRouter()
@@ -8,209 +9,6 @@ const search = ref('')
 const category = ref('')
 const subCategory = ref('')
 const sort = ref('created desc')
-const itunesPodcastCategories = [
-  {
-    value: 'Arts',
-    label: 'Arts',
-    subcategories: [
-      { value: 'Books', label: 'Books' },
-      { value: 'Design', label: 'Design' },
-      { value: 'Fashion_Beauty', label: 'Fashion & Beauty' },
-      { value: 'Food', label: 'Food' },
-      { value: 'Performing_Arts', label: 'Performing Arts' },
-      { value: 'Visual_Arts', label: 'Visual Arts' },
-    ],
-  },
-  {
-    value: 'Business',
-    label: 'Business',
-    subcategories: [
-      { value: 'Careers', label: 'Careers' },
-      { value: 'Entrepreneurship', label: 'Entrepreneurship' },
-      { value: 'Investing', label: 'Investing' },
-      { value: 'Management', label: 'Management' },
-      { value: 'Marketing', label: 'Marketing' },
-      { value: 'Non-Profit', label: 'Non-Profit' },
-    ],
-  },
-  {
-    value: 'Comedy',
-    label: 'Comedy',
-    subcategories: [
-      { value: 'Comedy_Interviews', label: 'Comedy Interviews' },
-      { value: 'Improv', label: 'Improv' },
-      { value: 'Stand-Up', label: 'Stand-Up' },
-    ],
-  },
-  {
-    value: 'Education',
-    label: 'Education',
-    subcategories: [
-      { value: 'Courses', label: 'Courses' },
-      { value: 'How_To', label: 'How To' },
-      { value: 'Language_Learning', label: 'Language Learning' },
-      { value: 'Self-Improvement', label: 'Self-Improvement' },
-    ],
-  },
-  {
-    value: 'Fiction',
-    label: 'Fiction',
-    subcategories: [
-      { value: 'Comedy_Fiction', label: 'Comedy Fiction' },
-      { value: 'Drama', label: 'Drama' },
-      { value: 'Science_Fiction', label: 'Science Fiction' },
-    ],
-  },
-  {
-    value: 'Government',
-    label: 'Government',
-    subcategories: [],
-  },
-  {
-    value: 'History',
-    label: 'History',
-    subcategories: [],
-  },
-  {
-    value: 'Health_Fitness',
-    label: 'Health & Fitness',
-    subcategories: [
-      { value: 'Alternative_Health', label: 'Alternative Health' },
-      { value: 'Fitness', label: 'Fitness' },
-      { value: 'Medicine', label: 'Medicine' },
-      { value: 'Mental_Health', label: 'Mental Health' },
-      { value: 'Nutrition', label: 'Nutrition' },
-      { value: 'Sexuality', label: 'Sexuality' },
-    ],
-  },
-  {
-    value: 'Kids_Family',
-    label: 'Kids & Family',
-    subcategories: [
-      { value: 'Education_for_Kids', label: 'Education for Kids' },
-      { value: 'Parenting', label: 'Parenting' },
-      { value: 'Pets_Animals', label: 'Pets & Animals' },
-      { value: 'Stories_for_Kids', label: 'Stories for Kids' },
-    ],
-  },
-  {
-    value: 'Leisure',
-    label: 'Leisure',
-    subcategories: [
-      { value: 'Animation_Manga', label: 'Animation & Manga' },
-      { value: 'Automotive', label: 'Automotive' },
-      { value: 'Aviation', label: 'Aviation' },
-      { value: 'Crafts', label: 'Crafts' },
-      { value: 'Games', label: 'Games' },
-      { value: 'Hobbies', label: 'Hobbies' },
-      { value: 'Home_Garden', label: 'Home & Garden' },
-      { value: 'Video_Games', label: 'Video Games' },
-    ],
-  },
-  {
-    value: 'Music',
-    label: 'Music',
-    subcategories: [
-      { value: 'Music_Commentary', label: 'Music Commentary' },
-      { value: 'Music_History', label: 'Music History' },
-      { value: 'Music_Interviews', label: 'Music Interviews' },
-    ],
-  },
-  {
-    value: 'News',
-    label: 'News',
-    subcategories: [
-      { value: 'Business_News', label: 'Business News' },
-      { value: 'Daily_News', label: 'Daily News' },
-      { value: 'Entertainment_News', label: 'Entertainment News' },
-      { value: 'News_Commentary', label: 'News Commentary' },
-      { value: 'Politics', label: 'Politics' },
-      { value: 'Sports_News', label: 'Sports News' },
-      { value: 'Tech_News', label: 'Tech News' },
-    ],
-  },
-  {
-    value: 'Religion_Spirituality',
-    label: 'Religion & Spirituality',
-    subcategories: [
-      { value: 'Buddhism', label: 'Buddhism' },
-      { value: 'Christianity', label: 'Christianity' },
-      { value: 'Hinduism', label: 'Hinduism' },
-      { value: 'Islam', label: 'Islam' },
-      { value: 'Judaism', label: 'Judaism' },
-      { value: 'Religion', label: 'Religion' },
-      { value: 'Spirituality', label: 'Spirituality' },
-    ],
-  },
-  {
-    value: 'Science',
-    label: 'Science',
-    subcategories: [
-      { value: 'Astronomy', label: 'Astronomy' },
-      { value: 'Chemistry', label: 'Chemistry' },
-      { value: 'Earth_Sciences', label: 'Earth Sciences' },
-      { value: 'Life_Sciences', label: 'Life Sciences' },
-      { value: 'Mathematics', label: 'Mathematics' },
-      { value: 'Natural_Sciences', label: 'Natural Sciences' },
-      { value: 'Nature', label: 'Nature' },
-      { value: 'Physics', label: 'Physics' },
-      { value: 'Social_Sciences', label: 'Social Sciences' },
-    ],
-  },
-  {
-    value: 'Society_Culture',
-    label: 'Society & Culture',
-    subcategories: [
-      { value: 'Documentary', label: 'Documentary' },
-      { value: 'Personal_Journals', label: 'Personal Journals' },
-      { value: 'Philosophy', label: 'Philosophy' },
-      { value: 'Places_Travel', label: 'Places & Travel' },
-      { value: 'Relationships', label: 'Relationships' },
-    ],
-  },
-  {
-    value: 'Sports',
-    label: 'Sports',
-    subcategories: [
-      { value: 'Baseball', label: 'Baseball' },
-      { value: 'Basketball', label: 'Basketball' },
-      { value: 'Cricket', label: 'Cricket' },
-      { value: 'Fantasy_Sports', label: 'Fantasy Sports' },
-      { value: 'Football', label: 'Football' },
-      { value: 'Golf', label: 'Golf' },
-      { value: 'Hockey', label: 'Hockey' },
-      { value: 'Rugby', label: 'Rugby' },
-      { value: 'Running', label: 'Running' },
-      { value: 'Soccer', label: 'Soccer' },
-      { value: 'Swimming', label: 'Swimming' },
-      { value: 'Tennis', label: 'Tennis' },
-      { value: 'Volleyball', label: 'Volleyball' },
-      { value: 'Wilderness', label: 'Wilderness' },
-      { value: 'Wrestling', label: 'Wrestling' },
-    ],
-  },
-  {
-    value: 'Technology',
-    label: 'Technology',
-    subcategories: [],
-  },
-  {
-    value: 'True_Crime',
-    label: 'True Crime',
-    subcategories: [],
-  },
-  {
-    value: 'TV_Film',
-    label: 'TV & Film',
-    subcategories: [
-      { value: 'After_Shows', label: 'After Shows' },
-      { value: 'Film_History', label: 'Film History' },
-      { value: 'Film_Interviews', label: 'Film Interviews' },
-      { value: 'Film_Reviews', label: 'Film Reviews' },
-      { value: 'TV_Reviews', label: 'TV Reviews' },
-    ],
-  },
-];
 const selectedSubcategories = computed(() => {
   const selectedCategory = itunesPodcastCategories.find(item => item.value === category.value)
 
diff --git a/src/main/podcast/src/data/podcast-categories.json b/src/main/podcast/src/data/podcast-categories.json
new file mode 100644
index 00000000..522d3f41
--- /dev/null
+++ b/src/main/podcast/src/data/podcast-categories.json
@@ -0,0 +1,476 @@
+[
+  {
+    "value": "Arts",
+    "label": "Arts",
+    "subcategories": [
+      {
+        "value": "Books",
+        "label": "Books"
+      },
+      {
+        "value": "Design",
+        "label": "Design"
+      },
+      {
+        "value": "Fashion_Beauty",
+        "label": "Fashion & Beauty"
+      },
+      {
+        "value": "Food",
+        "label": "Food"
+      },
+      {
+        "value": "Performing_Arts",
+        "label": "Performing Arts"
+      },
+      {
+        "value": "Visual_Arts",
+        "label": "Visual Arts"
+      }
+    ]
+  },
+  {
+    "value": "Business",
+    "label": "Business",
+    "subcategories": [
+      {
+        "value": "Careers",
+        "label": "Careers"
+      },
+      {
+        "value": "Entrepreneurship",
+        "label": "Entrepreneurship"
+      },
+      {
+        "value": "Investing",
+        "label": "Investing"
+      },
+      {
+        "value": "Management",
+        "label": "Management"
+      },
+      {
+        "value": "Marketing",
+        "label": "Marketing"
+      },
+      {
+        "value": "Non-Profit",
+        "label": "Non-Profit"
+      }
+    ]
+  },
+  {
+    "value": "Comedy",
+    "label": "Comedy",
+    "subcategories": [
+      {
+        "value": "Comedy_Interviews",
+        "label": "Comedy Interviews"
+      },
+      {
+        "value": "Improv",
+        "label": "Improv"
+      },
+      {
+        "value": "Stand-Up",
+        "label": "Stand-Up"
+      }
+    ]
+  },
+  {
+    "value": "Education",
+    "label": "Education",
+    "subcategories": [
+      {
+        "value": "Courses",
+        "label": "Courses"
+      },
+      {
+        "value": "How_To",
+        "label": "How To"
+      },
+      {
+        "value": "Language_Learning",
+        "label": "Language Learning"
+      },
+      {
+        "value": "Self-Improvement",
+        "label": "Self-Improvement"
+      }
+    ]
+  },
+  {
+    "value": "Fiction",
+    "label": "Fiction",
+    "subcategories": [
+      {
+        "value": "Comedy_Fiction",
+        "label": "Comedy Fiction"
+      },
+      {
+        "value": "Drama",
+        "label": "Drama"
+      },
+      {
+        "value": "Science_Fiction",
+        "label": "Science Fiction"
+      }
+    ]
+  },
+  {
+    "value": "Government",
+    "label": "Government",
+    "subcategories": []
+  },
+  {
+    "value": "History",
+    "label": "History",
+    "subcategories": []
+  },
+  {
+    "value": "Health_Fitness",
+    "label": "Health & Fitness",
+    "subcategories": [
+      {
+        "value": "Alternative_Health",
+        "label": "Alternative Health"
+      },
+      {
+        "value": "Fitness",
+        "label": "Fitness"
+      },
+      {
+        "value": "Medicine",
+        "label": "Medicine"
+      },
+      {
+        "value": "Mental_Health",
+        "label": "Mental Health"
+      },
+      {
+        "value": "Nutrition",
+        "label": "Nutrition"
+      },
+      {
+        "value": "Sexuality",
+        "label": "Sexuality"
+      }
+    ]
+  },
+  {
+    "value": "Kids_Family",
+    "label": "Kids & Family",
+    "subcategories": [
+      {
+        "value": "Education_for_Kids",
+        "label": "Education for Kids"
+      },
+      {
+        "value": "Parenting",
+        "label": "Parenting"
+      },
+      {
+        "value": "Pets_Animals",
+        "label": "Pets & Animals"
+      },
+      {
+        "value": "Stories_for_Kids",
+        "label": "Stories for Kids"
+      }
+    ]
+  },
+  {
+    "value": "Leisure",
+    "label": "Leisure",
+    "subcategories": [
+      {
+        "value": "Animation_Manga",
+        "label": "Animation & Manga"
+      },
+      {
+        "value": "Automotive",
+        "label": "Automotive"
+      },
+      {
+        "value": "Aviation",
+        "label": "Aviation"
+      },
+      {
+        "value": "Crafts",
+        "label": "Crafts"
+      },
+      {
+        "value": "Games",
+        "label": "Games"
+      },
+      {
+        "value": "Hobbies",
+        "label": "Hobbies"
+      },
+      {
+        "value": "Home_Garden",
+        "label": "Home & Garden"
+      },
+      {
+        "value": "Video_Games",
+        "label": "Video Games"
+      }
+    ]
+  },
+  {
+    "value": "Music",
+    "label": "Music",
+    "subcategories": [
+      {
+        "value": "Music_Commentary",
+        "label": "Music Commentary"
+      },
+      {
+        "value": "Music_History",
+        "label": "Music History"
+      },
+      {
+        "value": "Music_Interviews",
+        "label": "Music Interviews"
+      }
+    ]
+  },
+  {
+    "value": "News",
+    "label": "News",
+    "subcategories": [
+      {
+        "value": "Business_News",
+        "label": "Business News"
+      },
+      {
+        "value": "Daily_News",
+        "label": "Daily News"
+      },
+      {
+        "value": "Entertainment_News",
+        "label": "Entertainment News"
+      },
+      {
+        "value": "News_Commentary",
+        "label": "News Commentary"
+      },
+      {
+        "value": "Politics",
+        "label": "Politics"
+      },
+      {
+        "value": "Sports_News",
+        "label": "Sports News"
+      },
+      {
+        "value": "Tech_News",
+        "label": "Tech News"
+      }
+    ]
+  },
+  {
+    "value": "Religion_Spirituality",
+    "label": "Religion & Spirituality",
+    "subcategories": [
+      {
+        "value": "Buddhism",
+        "label": "Buddhism"
+      },
+      {
+        "value": "Christianity",
+        "label": "Christianity"
+      },
+      {
+        "value": "Hinduism",
+        "label": "Hinduism"
+      },
+      {
+        "value": "Islam",
+        "label": "Islam"
+      },
+      {
+        "value": "Judaism",
+        "label": "Judaism"
+      },
+      {
+        "value": "Religion",
+        "label": "Religion"
+      },
+      {
+        "value": "Spirituality",
+        "label": "Spirituality"
+      }
+    ]
+  },
+  {
+    "value": "Science",
+    "label": "Science",
+    "subcategories": [
+      {
+        "value": "Astronomy",
+        "label": "Astronomy"
+      },
+      {
+        "value": "Chemistry",
+        "label": "Chemistry"
+      },
+      {
+        "value": "Earth_Sciences",
+        "label": "Earth Sciences"
+      },
+      {
+        "value": "Life_Sciences",
+        "label": "Life Sciences"
+      },
+      {
+        "value": "Mathematics",
+        "label": "Mathematics"
+      },
+      {
+        "value": "Natural_Sciences",
+        "label": "Natural Sciences"
+      },
+      {
+        "value": "Nature",
+        "label": "Nature"
+      },
+      {
+        "value": "Physics",
+        "label": "Physics"
+      },
+      {
+        "value": "Social_Sciences",
+        "label": "Social Sciences"
+      }
+    ]
+  },
+  {
+    "value": "Society_Culture",
+    "label": "Society & Culture",
+    "subcategories": [
+      {
+        "value": "Documentary",
+        "label": "Documentary"
+      },
+      {
+        "value": "Personal_Journals",
+        "label": "Personal Journals"
+      },
+      {
+        "value": "Philosophy",
+        "label": "Philosophy"
+      },
+      {
+        "value": "Places_Travel",
+        "label": "Places & Travel"
+      },
+      {
+        "value": "Relationships",
+        "label": "Relationships"
+      }
+    ]
+  },
+  {
+    "value": "Sports",
+    "label": "Sports",
+    "subcategories": [
+      {
+        "value": "Baseball",
+        "label": "Baseball"
+      },
+      {
+        "value": "Basketball",
+        "label": "Basketball"
+      },
+      {
+        "value": "Cricket",
+        "label": "Cricket"
+      },
+      {
+        "value": "Fantasy_Sports",
+        "label": "Fantasy Sports"
+      },
+      {
+        "value": "Football",
+        "label": "Football"
+      },
+      {
+        "value": "Golf",
+        "label": "Golf"
+      },
+      {
+        "value": "Hockey",
+        "label": "Hockey"
+      },
+      {
+        "value": "Rugby",
+        "label": "Rugby"
+      },
+      {
+        "value": "Running",
+        "label": "Running"
+      },
+      {
+        "value": "Soccer",
+        "label": "Soccer"
+      },
+      {
+        "value": "Swimming",
+        "label": "Swimming"
+      },
+      {
+        "value": "Tennis",
+        "label": "Tennis"
+      },
+      {
+        "value": "Volleyball",
+        "label": "Volleyball"
+      },
+      {
+        "value": "Wilderness",
+        "label": "Wilderness"
+      },
+      {
+        "value": "Wrestling",
+        "label": "Wrestling"
+      }
+    ]
+  },
+  {
+    "value": "Technology",
+    "label": "Technology",
+    "subcategories": []
+  },
+  {
+    "value": "True_Crime",
+    "label": "True Crime",
+    "subcategories": []
+  },
+  {
+    "value": "TV_Film",
+    "label": "TV & Film",
+    "subcategories": [
+      {
+        "value": "After_Shows",
+        "label": "After Shows"
+      },
+      {
+        "value": "Film_History",
+        "label": "Film History"
+      },
+      {
+        "value": "Film_Interviews",
+        "label": "Film Interviews"
+      },
+      {
+        "value": "Film_Reviews",
+        "label": "Film Reviews"
+      },
+      {
+        "value": "TV_Reviews",
+        "label": "TV Reviews"
+      }
+    ]
+  }
+]

From fad60fd7de1735f95b4b36f219592291bde39e60 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 10:43:15 +0200
Subject: [PATCH 20/28] DBT-422 add localization for podcast pages

---
 src/main/podcast/index.html                   |   1 +
 src/main/podcast/package-lock.json            |  89 +++++++++
 src/main/podcast/package.json                 |   1 +
 .../podcast/src/components/EmptyState.vue     |  32 ++--
 .../podcast/src/components/ErrorState.vue     |  11 +-
 .../podcast/src/components/LoadingState.vue   |  11 +-
 src/main/podcast/src/components/Player.vue    |  58 +++---
 .../src/components/PlaylistEpisode.vue        |  14 +-
 .../podcast/src/components/PlaylistHeader.vue |  31 +++-
 .../podcast/src/components/PodcastFilter.vue  |  53 ++++--
 .../podcast/src/components/PodcastList.vue    |  47 +++--
 .../podcast/src/components/PodcastsHero.vue   |  17 +-
 src/main/podcast/src/env.d.ts                 |  10 +-
 src/main/podcast/src/i18n/index.ts            |  51 +++++
 src/main/podcast/src/i18n/properties.ts       | 175 ++++++++++++++++++
 src/main/podcast/src/index.ts                 |   2 +
 src/main/podcast/src/utils/podcastCategory.ts |  14 ++
 src/main/podcast/src/views/NotFound.vue       |  11 +-
 src/main/podcast/src/views/Playlist.vue       |   5 +-
 .../config/dbt/messages_de.properties         | 175 ++++++++++++++++++
 .../config/dbt/messages_en.properties         | 175 ++++++++++++++++++
 src/main/resources/xsl/podcast.xsl            |   3 +-
 22 files changed, 878 insertions(+), 108 deletions(-)
 create mode 100644 src/main/podcast/src/i18n/index.ts
 create mode 100644 src/main/podcast/src/i18n/properties.ts
 create mode 100644 src/main/podcast/src/utils/podcastCategory.ts

diff --git a/src/main/podcast/index.html b/src/main/podcast/index.html
index e60eeab0..5ec419be 100644
--- a/src/main/podcast/index.html
+++ b/src/main/podcast/index.html
@@ -7,6 +7,7 @@
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <meta name="podcast-base-path" content="/" />
     <meta name="podcast-application-base-url" content="/mir/" />
+    <meta name="podcast-locale" content="de" />
     <link rel="icon" href="/favicon.png">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css">
diff --git a/src/main/podcast/package-lock.json b/src/main/podcast/package-lock.json
index 0e93e46d..0c436a0b 100644
--- a/src/main/podcast/package-lock.json
+++ b/src/main/podcast/package-lock.json
@@ -11,6 +11,7 @@
         "dompurify": "^3.4.17",
         "pinia": "^4.0.3",
         "vue": "^3.5.41",
+        "vue-i18n": "^11.4.16",
         "vue-router": "^5.3.0"
       },
       "devDependencies": {
@@ -69,6 +70,67 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@intlify/core-base": {
+      "version": "11.4.16",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.4.16.tgz",
+      "integrity": "sha512-xB8nMdMRLNx7b0zPvrHy0+N9uq9Vfi1aUxHqWgn2e2/TbjCKy8HfoFpnUXXxVP8I0p1ccd6LFSC3XsFjZ3vweA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/devtools-types": "11.4.16",
+        "@intlify/message-compiler": "11.4.16",
+        "@intlify/shared": "11.4.16"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/devtools-types": {
+      "version": "11.4.16",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-types/-/devtools-types-11.4.16.tgz",
+      "integrity": "sha512-Bl7arICsKgwcSEQuZJun3swenN4jwSpg35lCpijFznYbW9GvkfH4wLxcI5+gz7d/EHqu66UT9CZDIdnQdgMAGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.16",
+        "@intlify/shared": "11.4.16"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.4.16",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.4.16.tgz",
+      "integrity": "sha512-p4lDWmBAsi3ja+PuEfPRavYyvqkYn/Upxz7UpnyI9LgIIy8XawcGIDzN+k99Z+99etO3HmDXGeTxnJIJGgSZ+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "11.4.16",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.4.16",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.4.16.tgz",
+      "integrity": "sha512-xehmkbEgbbNh/V+d8r3hFup0ViaN29YTJSAfRr28C54rxjyZEO0RNQKqW7VVajj16gLdglotNjiq+sIVNtHGzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1870,6 +1932,33 @@
         }
       }
     },
+    "node_modules/vue-i18n": {
+      "version": "11.4.16",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.4.16.tgz",
+      "integrity": "sha512-Kv9tp6iTmaAeOwop7hkAo28N1IBsbSVpnxyE26b6gqc4Q2E9Ke3ZHHA3oqqwS6/cYLT1henZU4etTaLQxrK98Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.4.16",
+        "@intlify/devtools-types": "11.4.16",
+        "@intlify/shared": "11.4.16",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-i18n/node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
     "node_modules/vue-router": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-5.3.0.tgz",
diff --git a/src/main/podcast/package.json b/src/main/podcast/package.json
index 46f198cd..ba8aa54c 100644
--- a/src/main/podcast/package.json
+++ b/src/main/podcast/package.json
@@ -12,6 +12,7 @@
     "dompurify": "^3.4.17",
     "pinia": "^4.0.3",
     "vue": "^3.5.41",
+    "vue-i18n": "^11.4.16",
     "vue-router": "^5.3.0"
   },
   "devDependencies": {
diff --git a/src/main/podcast/src/components/EmptyState.vue b/src/main/podcast/src/components/EmptyState.vue
index 7d7a02d2..b44f766d 100644
--- a/src/main/podcast/src/components/EmptyState.vue
+++ b/src/main/podcast/src/components/EmptyState.vue
@@ -1,15 +1,19 @@
-<!-- EmptyState.vue -->
-
 <script setup lang="ts">
-withDefaults(
-    defineProps<{
-      title?: string,
-      description?: string,
-    }>(),
-    {
-      title: 'Keine Daten gefunden',
-      description: 'Passen Sie den Suchbegriff an.',
-    }
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const props = defineProps<{
+  title?: string
+  description?: string
+}>()
+
+const { t } = useI18n({ useScope: 'global' })
+
+const stateTitle = computed(() =>
+    props.title ?? t('podcast.state.empty.title')
+)
+const stateDescription = computed(() =>
+    props.description ?? t('podcast.state.empty.description')
 )
 </script>
 
@@ -19,11 +23,11 @@ withDefaults(
       role="status"
   >
     <h2 class="h5">
-      {{ title }}
+      {{ stateTitle }}
     </h2>
 
     <p class="text-body-secondary mb-0">
-      {{ description }}
+      {{ stateDescription }}
     </p>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/main/podcast/src/components/ErrorState.vue b/src/main/podcast/src/components/ErrorState.vue
index 956c836b..ec36d2f1 100644
--- a/src/main/podcast/src/components/ErrorState.vue
+++ b/src/main/podcast/src/components/ErrorState.vue
@@ -1,4 +1,9 @@
-<!-- ErrorState.vue -->
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n({ useScope: 'global' })
+</script>
+
 <template>
   <div
       id="podcast-error"
@@ -6,11 +11,11 @@
       role="alert"
   >
     <h2 class="h5 alert-heading">
-      Podcastdaten konnten nicht geladen werden
+      {{ t('podcast.state.error.title') }}
     </h2>
 
     <p class="mb-0">
-      Bitte versuchen Sie es später erneut.
+      {{ t('podcast.state.error.description') }}
     </p>
   </div>
 
diff --git a/src/main/podcast/src/components/LoadingState.vue b/src/main/podcast/src/components/LoadingState.vue
index db60de29..fc941c7f 100644
--- a/src/main/podcast/src/components/LoadingState.vue
+++ b/src/main/podcast/src/components/LoadingState.vue
@@ -1,4 +1,9 @@
-<!-- LoadingState.vue -->
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n({ useScope: 'global' })
+</script>
+
 <template>
   <div
       class="d-flex justify-content-center align-items-center gap-3 border rounded bg-light py-5"
@@ -12,8 +17,8 @@
 
     <span>
       <slot>
-        Wird geladen ...
+        {{ t('podcast.state.loading') }}
       </slot>
     </span>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index e25a2cfc..a85600ed 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { usePlayerStore } from '../stores/player'
 
 const playerStore = usePlayerStore()
+const { t } = useI18n({ useScope: 'global' })
 
 const audioElement = ref<HTMLAudioElement | null>(null)
 const playerElement = ref<HTMLElement | null>(null)
@@ -277,7 +279,7 @@ onUnmounted(() => {
   <section
       ref="playerElement"
       class="playlist-player"
-      aria-label="Podcast-Player"
+      :aria-label="t('podcast.player.ariaLabel')"
   >
     <audio
         ref="audioElement"
@@ -306,7 +308,7 @@ onUnmounted(() => {
                 !imageError
               "
               :src="playerStore.episode.image"
-              :alt="`Cover von ${playerStore.episode.title}`"
+              :alt="t('podcast.image.coverAlt', { title: playerStore.episode.title })"
               :class="{
                 'is-loaded': imageLoaded
               }"
@@ -344,12 +346,12 @@ onUnmounted(() => {
           >
             {{
               audioError
-                  ? 'AUDIODATEI NICHT VERFÜGBAR'
+                  ? t('podcast.player.status.unavailable')
                   : isLoading
-                      ? 'WIRD GEPUFFERT …'
+                      ? t('podcast.player.status.buffering')
                       : playerStore.isPlaying
-                          ? 'WIEDERGABE LÄUFT'
-                          : 'PAUSIERT'
+                          ? t('podcast.player.status.playing')
+                          : t('podcast.player.status.paused')
             }}
           </p>
 
@@ -369,14 +371,14 @@ onUnmounted(() => {
       <div
           class="playlist-player-transport"
           role="group"
-          aria-label="Wiedergabesteuerung"
+          :aria-label="t('podcast.player.controls')"
       >
 
         <!-- Previous episode -->
         <button
             type="button"
-            aria-label="Vorherige Folge"
-            title="Vorherige Folge"
+            :aria-label="t('podcast.player.previousEpisode')"
+            :title="t('podcast.player.previousEpisode')"
             :disabled="
               playerStore.currentEpisodeIndex <= 0
             "
@@ -391,8 +393,8 @@ onUnmounted(() => {
         <!-- Back 15 sec -->
         <button
             type="button"
-            aria-label="15 Sekunden zurück"
-            title="15 Sekunden zurück"
+            :aria-label="t('podcast.player.back15')"
+            :title="t('podcast.player.back15')"
             @click="skipBackward15"
         >
           <i
@@ -407,13 +409,13 @@ onUnmounted(() => {
             type="button"
             :aria-label="
               playerStore.isPlaying
-                ? 'Pause'
-                : 'Folge abspielen'
+                ? t('podcast.player.pause')
+                : t('podcast.player.playEpisode')
             "
             :title="
               playerStore.isPlaying
-                ? 'Pause'
-                : 'Folge abspielen'
+                ? t('podcast.player.pause')
+                : t('podcast.player.playEpisode')
             "
             @click="playerStore.togglePlayback"
         >
@@ -431,8 +433,8 @@ onUnmounted(() => {
         <!-- Forward 15 sec -->
         <button
             type="button"
-            aria-label="15 Sekunden vor"
-            title="15 Sekunden vor"
+            :aria-label="t('podcast.player.forward15')"
+            :title="t('podcast.player.forward15')"
             @click="skipForward15"
         >
           <i
@@ -444,8 +446,8 @@ onUnmounted(() => {
         <!-- Next episode -->
         <button
             type="button"
-            aria-label="Nächste Folge"
-            title="Nächste Folge"
+            :aria-label="t('podcast.player.nextEpisode')"
+            :title="t('podcast.player.nextEpisode')"
             :disabled="
               playerStore.currentEpisodeIndex >=
               playerStore.episodes.length - 1
@@ -467,7 +469,7 @@ onUnmounted(() => {
         <button
             class="playlist-player-speed"
             type="button"
-            aria-label="Wiedergabegeschwindigkeit ändern"
+            :aria-label="t('podcast.player.changeSpeed')"
             :title="`${speeds[speedIndex]}×`"
             @click="setSpeed"
         >
@@ -481,13 +483,13 @@ onUnmounted(() => {
               type="button"
               :aria-label="
                 isMuted
-                  ? 'Ton einschalten'
-                  : 'Ton ausschalten'
+                  ? t('podcast.player.unmute')
+                  : t('podcast.player.mute')
               "
               :title="
                 isMuted
-                  ? 'Ton einschalten'
-                  : 'Ton ausschalten'
+                  ? t('podcast.player.unmute')
+                  : t('podcast.player.mute')
               "
               @click="toggleMute"
           >
@@ -508,7 +510,7 @@ onUnmounted(() => {
               min="0"
               max="1"
               step="0.05"
-              aria-label="Lautstärke"
+              :aria-label="t('podcast.player.volume')"
               @input="setVolume"
           >
 
@@ -529,7 +531,7 @@ onUnmounted(() => {
             :max="playerStore.duration"
             :value="playerStore.currentTime"
             step="0.1"
-            aria-label="Wiedergabeposition"
+            :aria-label="t('podcast.player.position')"
             :disabled="!playerStore.duration"
             @input="seekAudio"
         >
@@ -544,8 +546,8 @@ onUnmounted(() => {
       <button
           class="close-button"
           type="button"
-          aria-label="Player schließen"
-          title="Player schließen"
+          :aria-label="t('podcast.player.close')"
+          :title="t('podcast.player.close')"
           @click="playerStore.closePlayer"
       >
         <i class="fa fa-times" aria-hidden="true"></i>
diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index 46d9036a..ff13756c 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts'
 import { usePlayerStore } from '../stores/player.ts'
 
 const playerStore = usePlayerStore()
+const { locale, t } = useI18n({ useScope: 'global' })
 
 const props = defineProps<{
   playlistMetadata: PodcastPlaylist
@@ -32,7 +34,7 @@ function formatDate(value: string): string {
     return ''
   }
 
-  return new Intl.DateTimeFormat('de-DE', {
+  return new Intl.DateTimeFormat(locale.value, {
     day: '2-digit',
     month: 'long',
     year: 'numeric',
@@ -61,14 +63,14 @@ watch(
 
 <template>
   <div class="episode">
-    <h2 class="visually-hidden">Folgen</h2>
+    <h2 class="visually-hidden">{{ t('podcast.episode.heading') }}</h2>
 
     <p
         v-if="!playlistMetadata.episodes.length"
         id="episode-empty"
         class="alert alert-light border mb-0"
     >
-      Für diesen Podcast sind noch keine Folgen vorhanden.
+      {{ t('podcast.episode.empty') }}
     </p>
 
     <div
@@ -132,9 +134,9 @@ watch(
                   {{
                     isCurrentEpisode(episode)
                         ? playerStore.isPlaying
-                            ? 'Pause'
-                            : 'Fortsetzen'
-                        : 'Abspielen'
+                            ? t('podcast.player.pause')
+                            : t('podcast.player.resume')
+                        : t('podcast.player.play')
                   }}
                 </span>
 
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index 584ea983..2a9f875c 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import type {PodcastEpisode, PodcastPlaylist} from '../types/types.ts'
 import { usePlayerStore } from '../stores/player.ts'
+import podcastCategoryValue from '../utils/podcastCategory.ts'
 
 const playerStore = usePlayerStore()
+const { t, te } = useI18n({ useScope: 'global' })
 
 const props = defineProps<{
   playlistMetadata: PodcastPlaylist
@@ -25,6 +28,12 @@ const isDescriptionOverflowing = ref(false)
 const descriptionElement = ref<HTMLElement | null>(null)
 let descriptionResizeObserver: ResizeObserver | null = null
 
+function categoryLabel(category: string): string {
+  const value = podcastCategoryValue(category)
+  const key = value && `podcast.categories.${value}`
+
+  return key && te(key) ? t(key) : category
+}
 
 function handleImageLoad(): void {
   imageLoaded.value = true
@@ -111,7 +120,7 @@ onUnmounted(() => {
           v-if="playlistMetadata.image && !imageError"
           class="object-fit-cover rounded-2"
           :class="{ 'is-loaded': imageLoaded }"
-          :alt="`Cover von ${playlistMetadata.title}`"
+          :alt="t('podcast.image.coverAlt', { title: playlistMetadata.title })"
           :src="playlistMetadata.image"
           @load="handleImageLoad"
           @error="handleImageError"
@@ -133,29 +142,29 @@ onUnmounted(() => {
 
       <div class="topic d-flex gap-1 mb-3">
         <span class="badge text-bg-success text-wrap text-start">
-          {{ playlistMetadata.category }}
+          {{ categoryLabel(playlistMetadata.category) }}
         </span>
 
         <span
             v-if="playlistMetadata.subcategory"
             class="badge text-bg-success text-wrap text-start"
         >
-          {{ playlistMetadata.subcategory }}
+          {{ categoryLabel(playlistMetadata.subcategory) }}
         </span>
       </div>
 
       <dl class="row mb-2 w-100">
-        <dt class="col-3">Sprache:</dt>
+        <dt class="col-3">{{ t('podcast.details.language') }}:</dt>
         <dd class="col-9">
           {{ playlistMetadata.language.toUpperCase() }}
         </dd>
 
-        <dt class="col-3">Besitzer:</dt>
+        <dt class="col-3">{{ t('podcast.details.owner') }}:</dt>
         <dd class="col-9">
           {{ playlistMetadata.ownerName }}
         </dd>
 
-        <dt class="col-3">E-Mail:</dt>
+        <dt class="col-3">{{ t('podcast.details.email') }}:</dt>
         <dd class="col-9">
           {{ playlistMetadata.ownerEmail }}
         </dd>
@@ -180,7 +189,13 @@ onUnmounted(() => {
           @click="toggleDescription"
       >
         <span>
-          {{ isDescriptionExpanded ? 'Weniger anzeigen' : 'Mehr anzeigen' }}
+          {{
+            t(
+                isDescriptionExpanded
+                    ? 'podcast.description.showLess'
+                    : 'podcast.description.showMore'
+            )
+          }}
         </span>
 
         <i
@@ -204,7 +219,7 @@ onUnmounted(() => {
             class="fas fa-play m-0"
             aria-hidden="true"
         />
-        Neueste Folge
+        {{ t('podcast.episode.latest') }}
       </button>
     </div>
   </header>
diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index 9a2cad53..cf9dd541 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import itunesPodcastCategories from '../data/podcast-categories.json'
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n({ useScope: 'global' })
 const search = ref('')
 const category = ref('')
 const subCategory = ref('')
@@ -15,6 +17,10 @@ const selectedSubcategories = computed(() => {
   return selectedCategory?.subcategories ?? []
 })
 
+function categoryLabel(value: string): string {
+  return t(`podcast.categories.${value}`)
+}
+
 function queryValue(value: unknown): string {
   return typeof value === 'string' ? value : ''
 }
@@ -104,59 +110,76 @@ const handleSubmit = () => {
       id="podcast-filters"
       class="card border-0 bg-light shadow-sm mb-5"
       @submit.prevent="handleSubmit"
-      aria-label="Podcasts filtern">
+      :aria-label="t('podcast.filter.ariaLabel')">
     <div class="card-body p-3 p-lg-4">
       <div class="row g-3 align-items-end justify-content-end">
         <div class="col-12">
-          <label for="podcast-search" class="form-label fw-semibold">Podcasts durchsuchen</label>
-          <input id="podcast-search" v-model="search" class="form-control" type="search" placeholder="Titel, Beschreibung, Herausgeber oder Autor" autocomplete="off">
+          <label for="podcast-search" class="form-label fw-semibold">
+            {{ t('podcast.filter.searchLabel') }}
+          </label>
+          <input
+              id="podcast-search"
+              v-model="search"
+              class="form-control"
+              type="search"
+              :placeholder="t('podcast.filter.searchPlaceholder')"
+              autocomplete="off"
+          >
         </div>
 
         <div class="col-md-4 col-lg-4">
-          <label for="podcast-category" class="form-label fw-semibold">Kategorie</label>
+          <label for="podcast-category" class="form-label fw-semibold">
+            {{ t('podcast.filter.category') }}
+          </label>
           <select id="podcast-category" v-model="category" class="form-select">
-            <option value="">Alle Kategorien</option>
+            <option value="">{{ t('podcast.filter.allCategories') }}</option>
             <option
                 v-for="category in itunesPodcastCategories"
                 :key="category.value"
                 :value="category.value"
-                :label="category.label"
+                :label="categoryLabel(category.value)"
             >
-              {{category.label}}
+              {{ categoryLabel(category.value) }}
             </option>
           </select>
         </div>
 
         <div class="col-md-4 col-lg-4">
-          <label for="podcast-subcategory" class="form-label fw-semibold">Subkategorie</label>
+          <label for="podcast-subcategory" class="form-label fw-semibold">
+            {{ t('podcast.filter.subcategory') }}
+          </label>
           <select
               id="podcast-subcategory"
               v-model="subCategory"
               class="form-select"
               :disabled="selectedSubcategories.length === 0"
           >
-            <option value="">Bitte wählen</option>
+            <option value="">{{ t('podcast.filter.select') }}</option>
             <option
                 v-for="sub in selectedSubcategories"
                 :key="sub.value"
                 :value="sub.value"
-                :label="sub.label"
+                :label="categoryLabel(sub.value)"
             >
-              {{sub.label}}
+              {{ categoryLabel(sub.value) }}
             </option>
           </select>
         </div>
 
         <div class="col-md-4 col-lg-2">
-          <label for="podcast-sort" class="form-label fw-semibold">Sortierung</label>
+          <label for="podcast-sort" class="form-label fw-semibold">
+            {{ t('podcast.filter.sort') }}
+          </label>
           <select id="podcast-sort" v-model="sort" class="form-select">
-            <option value="created desc">Neueste zuerst</option>
-            <option value="created asc">Älteste zuerst</option>
+            <option value="created desc">{{ t('podcast.filter.newestFirst') }}</option>
+            <option value="created asc">{{ t('podcast.filter.oldestFirst') }}</option>
           </select>
         </div>
 
         <div class="col-md-3 col-lg-2 d-grid mt-4">
-          <button id="podcast-submit" class="btn btn-success" type="submit">Suchen</button>
+          <button id="podcast-submit" class="btn btn-success" type="submit">
+            {{ t('podcast.filter.submit') }}
+          </button>
         </div>
       </div>
     </div>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index 50b63059..b76e6d40 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import {computed, ref, watch} from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 
 import requestSolr from '../utils/requestSolr.ts'
 import applicationUrl from '../utils/applicationUrl.ts'
+import podcastCategoryValue from '../utils/podcastCategory.ts'
 import type { SolrDocument, SolrResponse } from '../types/types.ts'
 import LoadingState from "./LoadingState.vue";
 import ErrorState from "./ErrorState.vue";
@@ -19,6 +21,7 @@ const itunesCategoryFilterPattern =
 
 const route = useRoute()
 const router = useRouter()
+const { t, te } = useI18n({ useScope: 'global' })
 
 const podcastMetadata = ref<SolrResponse | null>(null)
 let requestSequence = 0
@@ -138,21 +141,25 @@ function getItunesCategories(podcast: SolrDocument): string[] {
           ?.filter(category =>
               category.startsWith('itunes-podcast:')
           )
-          .map(category =>
-              category
-                  .replace('itunes-podcast:', '')
-                  .replaceAll('_', ' ')
-          ) ?? []
+          .map(category => category.replace('itunes-podcast:', ''))
+          .map(category => {
+            const value = podcastCategoryValue(category)
+            const key = value && `podcast.categories.${value}`
+
+            return key && te(key)
+                ? t(key)
+                : category.replaceAll('_', ' ')
+          }) ?? []
 
   if (itunesCategories.length === 0) {
-    return ['Ohne Kategorie']
+    return [t('podcast.list.uncategorized')]
   }
 
   return itunesCategories
 }
 
 function getPodcastTitle(podcast: SolrDocument): string {
-  return podcast['mods.title']?.[0] ?? 'Ohne Titel'
+  return podcast['mods.title']?.[0] ?? t('podcast.list.untitled')
 }
 
 function getPodcastAuthors(podcast: SolrDocument): string {
@@ -274,14 +281,14 @@ watch(
   <section class="podcast-list">
 
     <LoadingState v-if="isLoading">
-      Podcasts werden geladen ...
+      {{ t('podcast.list.loading') }}
     </LoadingState>
 
     <ErrorState v-else-if="isError" />
 
     <EmptyState
         v-else-if="podcastMetadata?.response.numFound === 0"
-        description="Keine passenden Podcasts gefunden. Ändern Sie den Suchbegriff oder wählen Sie eine andere Kategorie."
+        :description="t('podcast.list.emptyDescription')"
     />
 
     <!-- Results -->
@@ -290,11 +297,13 @@ watch(
         class="wrapper"
     >
       <h2 class="mb-4">
-        {{ totalItems }}
         {{
-          totalItems === 1
-              ? 'Podcast gefunden'
-              : 'Podcasts gefunden'
+          t(
+              totalItems === 1
+                  ? 'podcast.list.resultSingle'
+                  : 'podcast.list.resultMultiple',
+              { count: totalItems }
+          )
         }}
       </h2>
 
@@ -314,7 +323,7 @@ watch(
                 class="card-img-top w-100 h-100 object-fit-cover"
                 :class="{ 'is-loaded': coverLoaded[podcast.id] }"
                 :src="getCoverUrl(podcast)"
-                :alt="`Cover von ${getPodcastTitle(podcast)}`"
+                :alt="t('podcast.image.coverAlt', { title: getPodcastTitle(podcast) })"
                 loading="lazy"
                 decoding="async"
                 @load="handleCoverLoad(podcast.id)"
@@ -374,7 +383,7 @@ watch(
       <nav
           v-if="totalPages > 1"
           class="mt-5"
-          aria-label="Podcast-Seitennavigation"
+          :aria-label="t('podcast.pagination.ariaLabel')"
       >
         <ul class="pagination justify-content-center">
 
@@ -387,10 +396,10 @@ watch(
                 class="page-link text-success"
                 type="button"
                 :disabled="currentPage === 1"
-                aria-label="Vorherige Seite"
+                :aria-label="t('podcast.pagination.previousAriaLabel')"
                 @click="setPage(currentPage - 1)"
             >
-              Zurück
+              {{ t('podcast.pagination.previous') }}
             </button>
           </li>
 
@@ -446,10 +455,10 @@ watch(
                 class="page-link text-success"
                 type="button"
                 :disabled="currentPage === totalPages"
-                aria-label="Nächste Seite"
+                :aria-label="t('podcast.pagination.nextAriaLabel')"
                 @click="setPage(currentPage + 1)"
             >
-              Weiter
+              {{ t('podcast.pagination.next') }}
             </button>
           </li>
 
diff --git a/src/main/podcast/src/components/PodcastsHero.vue b/src/main/podcast/src/components/PodcastsHero.vue
index 0b7db999..dd857125 100644
--- a/src/main/podcast/src/components/PodcastsHero.vue
+++ b/src/main/podcast/src/components/PodcastsHero.vue
@@ -1,16 +1,25 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n({ useScope: 'global' })
 </script>
 
 <template>
   <section class="podcast-hero row align-items-end g-4 pt-5 mb-5">
     <div class="col-lg-8">
-      <p class="text-success fw-semibold text-uppercase small mb-2">Digitale Bibliothek Th&uuml;ringen</p>
-      <h1 class="display-6 fw-semibold mb-3">Podcasts entdecken</h1>
-      <p class="lead text-body-secondary mb-0">Wissen aus Th&uuml;ringen zum Anh&ouml;ren: Entdecken Sie Podcast-Reihen aus Wissenschaft, Lehre und Gesellschaft.</p>
+      <p class="text-success fw-semibold text-uppercase small mb-2">
+        {{ t('podcast.hero.eyebrow') }}
+      </p>
+      <h1 class="display-6 fw-semibold mb-3">
+        {{ t('podcast.hero.title') }}
+      </h1>
+      <p class="lead text-body-secondary mb-0">
+        {{ t('podcast.hero.description') }}
+      </p>
     </div>
   </section>
 </template>
 
 <style>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/main/podcast/src/env.d.ts b/src/main/podcast/src/env.d.ts
index bc79c69d..d75c8481 100644
--- a/src/main/podcast/src/env.d.ts
+++ b/src/main/podcast/src/env.d.ts
@@ -5,4 +5,12 @@ declare module '*.vue' {
 
     const component: DefineComponent<{}, {}, any>
     export default component
-}
\ No newline at end of file
+}
+
+declare global {
+    interface Window {
+        currentLang?: string
+    }
+}
+
+export {}
diff --git a/src/main/podcast/src/i18n/index.ts b/src/main/podcast/src/i18n/index.ts
new file mode 100644
index 00000000..d7f83e9d
--- /dev/null
+++ b/src/main/podcast/src/i18n/index.ts
@@ -0,0 +1,51 @@
+// src/i18n/index.ts
+import { createI18n } from 'vue-i18n'
+
+import deSource from '../../../resources/config/dbt/messages_de.properties?raw'
+import enSource from '../../../resources/config/dbt/messages_en.properties?raw'
+
+import { parseNamespacedProperties } from './properties.ts'
+
+export type SupportedLocale = 'de' | 'en'
+
+function supportedLocale(value: string | null): SupportedLocale | null {
+    const language = value?.toLowerCase()
+
+    if (language?.startsWith('en')) {
+        return 'en'
+    }
+
+    if (language?.startsWith('de')) {
+        return 'de'
+    }
+
+    return null
+}
+
+function getCurrentLocale(): SupportedLocale {
+    const queryLocale = supportedLocale(
+        new URLSearchParams(window.location.search).get('lang')
+    )
+    const configuredLocale = supportedLocale(
+        document
+            .querySelector<HTMLMetaElement>('meta[name="podcast-locale"]')
+            ?.content ?? null
+    )
+
+    return queryLocale
+        ?? supportedLocale(window.currentLang ?? null)
+        ?? configuredLocale
+        ?? supportedLocale(document.documentElement.lang)
+        ?? 'de'
+}
+
+export const i18n = createI18n({
+    legacy: false,
+    globalInjection: true,
+    locale: getCurrentLocale(),
+    fallbackLocale: 'de',
+    messages: {
+        de: parseNamespacedProperties(deSource, 'podcast'),
+        en: parseNamespacedProperties(enSource, 'podcast'),
+    },
+})
diff --git a/src/main/podcast/src/i18n/properties.ts b/src/main/podcast/src/i18n/properties.ts
new file mode 100644
index 00000000..dbc49c17
--- /dev/null
+++ b/src/main/podcast/src/i18n/properties.ts
@@ -0,0 +1,175 @@
+export type Messages = Record<string, string>
+export type MessageTree = {
+    [key: string]: string | MessageTree
+}
+
+function unescapeProperty(value: string): string {
+    let result = ''
+
+    for (let i = 0; i < value.length; i++) {
+        if (value[i] !== '\\') {
+            result += value[i]
+            continue
+        }
+
+        const next = value[++i]
+
+        switch (next) {
+            case 't':
+                result += '\t'
+                break
+            case 'r':
+                result += '\r'
+                break
+            case 'n':
+                result += '\n'
+                break
+            case 'f':
+                result += '\f'
+                break
+            case 'u': {
+                const code = value.slice(i + 1, i + 5)
+
+                if (/^[0-9a-fA-F]{4}$/.test(code)) {
+                    result += String.fromCharCode(parseInt(code, 16))
+                    i += 4
+                } else {
+                    result += 'u'
+                }
+
+                break
+            }
+            default:
+                result += next ?? '\\'
+        }
+    }
+
+    return result
+}
+
+function getLogicalLines(source: string): string[] {
+    const result: string[] = []
+    let current = ''
+
+    for (const physicalLine of source.split(/\r?\n/)) {
+        const line = current
+            ? physicalLine.replace(/^\s+/, '')
+            : physicalLine
+
+        current += line
+
+        const trailingBackslashes =
+            current.match(/\\+$/)?.[0].length ?? 0
+
+        if (trailingBackslashes % 2 === 1) {
+            current = current.slice(0, -1)
+        } else {
+            result.push(current)
+            current = ''
+        }
+    }
+
+    if (current) {
+        result.push(current)
+    }
+
+    return result
+}
+
+export function parseProperties(source: string): Messages {
+    const messages: Messages = {}
+
+    for (const line of getLogicalLines(source)) {
+        const trimmed = line.trimStart()
+
+        if (!trimmed || trimmed.startsWith('#') || trimmed.startsWith('!')) {
+            continue
+        }
+
+        let separator = -1
+        let escaped = false
+
+        for (let i = 0; i < trimmed.length; i++) {
+            const character = trimmed[i]
+
+            if (character === '\\') {
+                escaped = !escaped
+                continue
+            }
+
+            if (
+                !escaped &&
+                (character === '=' || character === ':' || /\s/.test(character))
+            ) {
+                separator = i
+                break
+            }
+
+            escaped = false
+        }
+
+        if (separator === -1) {
+            messages[unescapeProperty(trimmed)] = ''
+            continue
+        }
+
+        const rawKey = trimmed.slice(0, separator)
+        let valueStart = separator
+
+        while (/\s/.test(trimmed[valueStart] ?? '')) {
+            valueStart++
+        }
+
+        if (trimmed[valueStart] === '=' || trimmed[valueStart] === ':') {
+            valueStart++
+        }
+
+        while (/\s/.test(trimmed[valueStart] ?? '')) {
+            valueStart++
+        }
+
+        messages[unescapeProperty(rawKey)] =
+            unescapeProperty(trimmed.slice(valueStart))
+    }
+
+    return messages
+}
+
+export function parseNamespacedProperties(
+    source: string,
+    namespace: string
+): MessageTree {
+    const messages = parseProperties(source)
+    const result: MessageTree = {}
+    const prefix = `${namespace}.`
+
+    for (const [key, value] of Object.entries(messages)) {
+        if (!key.startsWith(prefix)) {
+            continue
+        }
+
+        const path = key.split('.')
+        let target = result
+
+        for (let index = 0; index < path.length - 1; index++) {
+            const segment = path[index]
+            const existing = target[segment]
+
+            if (typeof existing === 'string') {
+                throw new Error(
+                    `Conflicting translation key: ${path.slice(0, index + 1).join('.')}`
+                )
+            }
+
+            if (!existing) {
+                target[segment] = {}
+            }
+
+            target = target[segment] as MessageTree
+        }
+
+        target[path[path.length - 1]] = value
+    }
+
+    return result
+}
diff --git a/src/main/podcast/src/index.ts b/src/main/podcast/src/index.ts
index 260c5f46..01d66a06 100644
--- a/src/main/podcast/src/index.ts
+++ b/src/main/podcast/src/index.ts
@@ -1,5 +1,6 @@
 import { createApp, type App as VueApp } from 'vue'
 import { createPinia } from 'pinia'
+import { i18n } from './i18n'
 
 import App from './App.vue'
 import router from './router/router'
@@ -22,6 +23,7 @@ export function mountPodcast(
   const app = createApp(App)
 
   app.use(createPinia())
+  app.use(i18n)
   app.use(router)
 
   app.mount(container)
diff --git a/src/main/podcast/src/utils/podcastCategory.ts b/src/main/podcast/src/utils/podcastCategory.ts
new file mode 100644
index 00000000..58d66f3f
--- /dev/null
+++ b/src/main/podcast/src/utils/podcastCategory.ts
@@ -0,0 +1,14 @@
+import itunesPodcastCategories from '../data/podcast-categories.json'
+
+const categories = itunesPodcastCategories.flatMap(category => [
+    category,
+    ...category.subcategories,
+])
+
+export default function podcastCategoryValue(
+    category: string
+): string | undefined {
+    return categories.find(item =>
+        item.value === category || item.label === category
+    )?.value
+}
diff --git a/src/main/podcast/src/views/NotFound.vue b/src/main/podcast/src/views/NotFound.vue
index 2fbe6b44..f280efcb 100644
--- a/src/main/podcast/src/views/NotFound.vue
+++ b/src/main/podcast/src/views/NotFound.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
 import applicationUrl from '../utils/applicationUrl'
 
+const { t } = useI18n({ useScope: 'global' })
 const startPageUrl = applicationUrl('content/index.xml')
 </script>
 
@@ -15,12 +17,11 @@ const startPageUrl = applicationUrl('content/index.xml')
           id="not-found-title"
           class="not-found__title fw-semibold"
       >
-        Seite nicht gefunden
+        {{ t('podcast.notFound.title') }}
       </h1>
 
       <p class="not-found__description text-muted fs-5">
-        Die von Ihnen aufgerufene Seite existiert nicht
-        oder wurde möglicherweise verschoben.
+        {{ t('podcast.notFound.description') }}
       </p>
 
       <div class="not-found__actions d-flex flex-wrap justify-content-center align-items-center gap-4 mt-4">
@@ -28,14 +29,14 @@ const startPageUrl = applicationUrl('content/index.xml')
             :to="{ name: 'podcasts' }"
             class="btn btn-success px-4 py-3"
         >
-          Zur Podcast-Übersicht &rarr;
+          {{ t('podcast.navigation.toOverview') }} &rarr;
         </RouterLink>
 
         <a
             :href="startPageUrl"
             class="not-found__link text-success"
         >
-          Zur Startseite &rarr;
+          {{ t('podcast.navigation.toHomepage') }} &rarr;
         </a>
       </div>
     </div>
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
index 482bb6dd..4fc33485 100644
--- a/src/main/podcast/src/views/Playlist.vue
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import type {
   PodcastPlaylist,
@@ -23,6 +24,8 @@ const props = defineProps<{
   podcastId: string
 }>()
 
+const { t } = useI18n({ useScope: 'global' })
+
 const isError = ref(false)
 const isLoading = ref(false)
 const isNotFound = ref(false)
@@ -113,7 +116,7 @@ watch(
         :to="{ name: 'podcasts' }"
         class="text-success"
     >
-      &larr; Zur Podcast-&Uuml;bersicht
+      &larr; {{ t('podcast.navigation.toOverview') }}
     </RouterLink>
 
     <LoadingState v-if="isLoading" />
diff --git a/src/main/resources/config/dbt/messages_de.properties b/src/main/resources/config/dbt/messages_de.properties
index 787f2c46..4147614d 100644
--- a/src/main/resources/config/dbt/messages_de.properties
+++ b/src/main/resources/config/dbt/messages_de.properties
@@ -208,3 +208,178 @@ editor.oai.help                                           = W\u00E4hlen Sie hier
 mir.date.issued.4                                         =Erschienen am:
 mir.error.finalLine                                       = Es liegen keine weiteren Informationen vor.
 selfRegistration.step.create.info                         = Bevor Sie die Digitale Bibliothek Th\u00FCringen benutzen k\u00F6nnen, ben\u00F6tigen Sie eine Nutzerkennung. Sie k\u00F6nnen sich \u00FCber das unten stehende Formular selbst registrieren. Um die Registrierung abzuschlie\u00DFen, m\u00FCssen Sie einmal den Link aufrufen, der Ihnen per Mail zugesandt wird, nachdem Sie das Formular abgesandt haben. Vielen Dank!
+
+# Podcast
+podcast.categories.After_Shows                            = Aftershows
+podcast.categories.Alternative_Health                     = Alternative Medizin
+podcast.categories.Animation_Manga                        = Animation & Manga
+podcast.categories.Arts                                   = Kunst
+podcast.categories.Astronomy                              = Astronomie
+podcast.categories.Automotive                             = Automobil
+podcast.categories.Aviation                               = Luftfahrt
+podcast.categories.Baseball                               = Baseball
+podcast.categories.Basketball                             = Basketball
+podcast.categories.Books                                  = B\u00FCcher
+podcast.categories.Buddhism                               = Buddhismus
+podcast.categories.Business                               = Wirtschaft
+podcast.categories.Business_News                          = Wirtschaftsnachrichten
+podcast.categories.Careers                                = Karriere
+podcast.categories.Chemistry                              = Chemie
+podcast.categories.Christianity                           = Christentum
+podcast.categories.Comedy                                 = Comedy
+podcast.categories.Comedy_Fiction                         = Comedy-Fiktion
+podcast.categories.Comedy_Interviews                      = Comedy-Interviews
+podcast.categories.Courses                                = Kurse
+podcast.categories.Crafts                                 = Handarbeiten
+podcast.categories.Cricket                                = Cricket
+podcast.categories.Daily_News                             = T\u00E4gliche Nachrichten
+podcast.categories.Design                                 = Design
+podcast.categories.Documentary                            = Dokumentation
+podcast.categories.Drama                                  = Drama
+podcast.categories.Earth_Sciences                         = Geowissenschaften
+podcast.categories.Education                              = Bildung
+podcast.categories.Education_for_Kids                     = Bildung f\u00FCr Kinder
+podcast.categories.Entertainment_News                     = Unterhaltungsnachrichten
+podcast.categories.Entrepreneurship                       = Unternehmertum
+podcast.categories.Fantasy_Sports                         = Fantasy-Sport
+podcast.categories.Fashion_Beauty                         = Mode & Sch\u00F6nheit
+podcast.categories.Fiction                                = Fiktion
+podcast.categories.Film_History                           = Filmgeschichte
+podcast.categories.Film_Interviews                        = Filminterviews
+podcast.categories.Film_Reviews                           = Filmkritiken
+podcast.categories.Fitness                                = Fitness
+podcast.categories.Food                                   = Essen
+podcast.categories.Football                               = American Football
+podcast.categories.Games                                  = Spiele
+podcast.categories.Golf                                   = Golf
+podcast.categories.Government                             = Regierung
+podcast.categories.Health_Fitness                         = Gesundheit & Fitness
+podcast.categories.Hinduism                               = Hinduismus
+podcast.categories.History                                = Geschichte
+podcast.categories.Hobbies                                = Hobbys
+podcast.categories.Hockey                                 = Hockey
+podcast.categories.Home_Garden                            = Haus & Garten
+podcast.categories.How_To                                 = Ratgeber
+podcast.categories.Improv                                 = Improvisation
+podcast.categories.Investing                              = Geldanlage
+podcast.categories.Islam                                  = Islam
+podcast.categories.Judaism                                = Judentum
+podcast.categories.Kids_Family                            = Kinder & Familie
+podcast.categories.Language_Learning                      = Sprachen lernen
+podcast.categories.Leisure                                = Freizeit
+podcast.categories.Life_Sciences                          = Biowissenschaften
+podcast.categories.Management                             = Management
+podcast.categories.Marketing                              = Marketing
+podcast.categories.Mathematics                            = Mathematik
+podcast.categories.Medicine                               = Medizin
+podcast.categories.Mental_Health                          = Psychische Gesundheit
+podcast.categories.Music                                  = Musik
+podcast.categories.Music_Commentary                       = Musikkommentare
+podcast.categories.Music_History                          = Musikgeschichte
+podcast.categories.Music_Interviews                       = Musikinterviews
+podcast.categories.Natural_Sciences                       = Naturwissenschaften
+podcast.categories.Nature                                 = Natur
+podcast.categories.News                                   = Nachrichten
+podcast.categories.News_Commentary                        = Nachrichtenkommentare
+podcast.categories.Non-Profit                             = Gemeinn\u00FCtzig
+podcast.categories.Nutrition                              = Ern\u00E4hrung
+podcast.categories.Parenting                              = Erziehung
+podcast.categories.Performing_Arts                        = Darstellende Kunst
+podcast.categories.Personal_Journals                      = Pers\u00F6nliche Tageb\u00FCcher
+podcast.categories.Pets_Animals                           = Haustiere & Tiere
+podcast.categories.Philosophy                             = Philosophie
+podcast.categories.Physics                                = Physik
+podcast.categories.Places_Travel                          = Reisen & Orte
+podcast.categories.Politics                               = Politik
+podcast.categories.Relationships                          = Beziehungen
+podcast.categories.Religion                               = Religion
+podcast.categories.Religion_Spirituality                  = Religion & Spiritualit\u00E4t
+podcast.categories.Rugby                                  = Rugby
+podcast.categories.Running                                = Laufen
+podcast.categories.Science                                = Wissenschaft
+podcast.categories.Science_Fiction                        = Science-Fiction
+podcast.categories.Self-Improvement                       = Pers\u00F6nliche Entwicklung
+podcast.categories.Sexuality                              = Sexualit\u00E4t
+podcast.categories.Soccer                                 = Fu\u00DFball
+podcast.categories.Social_Sciences                        = Sozialwissenschaften
+podcast.categories.Society_Culture                        = Gesellschaft & Kultur
+podcast.categories.Spirituality                           = Spiritualit\u00E4t
+podcast.categories.Sports                                 = Sport
+podcast.categories.Sports_News                            = Sportnachrichten
+podcast.categories.Stand-Up                               = Stand-up
+podcast.categories.Stories_for_Kids                       = Geschichten f\u00FCr Kinder
+podcast.categories.Swimming                               = Schwimmen
+podcast.categories.TV_Film                                = TV & Film
+podcast.categories.TV_Reviews                             = TV-Kritiken
+podcast.categories.Tech_News                              = Techniknachrichten
+podcast.categories.Technology                             = Technologie
+podcast.categories.Tennis                                 = Tennis
+podcast.categories.True_Crime                             = Wahre Verbrechen
+podcast.categories.Video_Games                            = Videospiele
+podcast.categories.Visual_Arts                            = Bildende Kunst
+podcast.categories.Volleyball                             = Volleyball
+podcast.categories.Wilderness                             = Outdoor
+podcast.categories.Wrestling                              = Ringen
+podcast.description.showLess                              = Weniger anzeigen
+podcast.description.showMore                              = Mehr anzeigen
+podcast.details.email                                     = E-Mail
+podcast.details.language                                  = Sprache
+podcast.details.owner                                     = Besitzer
+podcast.episode.empty                                     = F\u00FCr diesen Podcast sind noch keine Folgen vorhanden.
+podcast.episode.heading                                   = Folgen
+podcast.episode.latest                                    = Neueste Folge
+podcast.filter.allCategories                              = Alle Kategorien
+podcast.filter.ariaLabel                                  = Podcasts filtern
+podcast.filter.category                                   = Kategorie
+podcast.filter.newestFirst                                = Neueste zuerst
+podcast.filter.oldestFirst                                = \u00C4lteste zuerst
+podcast.filter.searchLabel                                = Podcasts durchsuchen
+podcast.filter.searchPlaceholder                          = Titel, Beschreibung, Herausgeber oder Autor
+podcast.filter.select                                     = Bitte w\u00E4hlen
+podcast.filter.sort                                       = Sortierung
+podcast.filter.subcategory                                = Subkategorie
+podcast.filter.submit                                     = Suchen
+podcast.hero.description                                  = Wissen aus Th\u00FCringen zum Anh\u00F6ren: Entdecken Sie Podcast-Reihen aus Wissenschaft, Lehre und Gesellschaft.
+podcast.hero.eyebrow                                      = Digitale Bibliothek Th\u00FCringen
+podcast.hero.title                                        = Podcasts entdecken
+podcast.image.coverAlt                                    = Cover von {title}
+podcast.list.emptyDescription                             = Keine passenden Podcasts gefunden. \u00C4ndern Sie den Suchbegriff oder w\u00E4hlen Sie eine andere Kategorie.
+podcast.list.loading                                      = Podcasts werden geladen ...
+podcast.list.resultMultiple                               = {count} Podcasts gefunden
+podcast.list.resultSingle                                 = {count} Podcast gefunden
+podcast.list.uncategorized                                = Ohne Kategorie
+podcast.list.untitled                                     = Ohne Titel
+podcast.navigation.toHomepage                             = Zur Startseite
+podcast.navigation.toOverview                             = Zur Podcast-\u00DCbersicht
+podcast.notFound.description                              = Die von Ihnen aufgerufene Seite existiert nicht oder wurde m\u00F6glicherweise verschoben.
+podcast.notFound.title                                    = Seite nicht gefunden
+podcast.pagination.ariaLabel                              = Podcast-Seitennavigation
+podcast.pagination.next                                   = Weiter
+podcast.pagination.nextAriaLabel                          = N\u00E4chste Seite
+podcast.pagination.previous                               = Zur\u00FCck
+podcast.pagination.previousAriaLabel                      = Vorherige Seite
+podcast.player.ariaLabel                                  = Podcast-Player
+podcast.player.back15                                     = 15 Sekunden zur\u00FCck
+podcast.player.changeSpeed                                = Wiedergabegeschwindigkeit \u00E4ndern
+podcast.player.close                                      = Player schlie\u00DFen
+podcast.player.controls                                   = Wiedergabesteuerung
+podcast.player.forward15                                  = 15 Sekunden vor
+podcast.player.mute                                       = Ton ausschalten
+podcast.player.nextEpisode                                = N\u00E4chste Folge
+podcast.player.pause                                      = Pause
+podcast.player.play                                       = Abspielen
+podcast.player.playEpisode                                = Folge abspielen
+podcast.player.position                                   = Wiedergabeposition
+podcast.player.previousEpisode                            = Vorherige Folge
+podcast.player.resume                                     = Fortsetzen
+podcast.player.status.buffering                           = WIRD GEPUFFERT ...
+podcast.player.status.paused                              = PAUSIERT
+podcast.player.status.playing                             = WIEDERGABE L\u00C4UFT
+podcast.player.status.unavailable                         = AUDIODATEI NICHT VERF\u00D6GBAR
+podcast.player.unmute                                     = Ton einschalten
+podcast.player.volume                                     = Lautst\u00E4rke
+podcast.state.empty.description                           = Passen Sie den Suchbegriff an.
+podcast.state.empty.title                                 = Keine Daten gefunden
+podcast.state.error.description                           = Bitte versuchen Sie es sp\u00E4ter erneut.
+podcast.state.error.title                                 = Podcastdaten konnten nicht geladen werden
+podcast.state.loading                                     = Wird geladen ...
diff --git a/src/main/resources/config/dbt/messages_en.properties b/src/main/resources/config/dbt/messages_en.properties
index 73b737a3..dc2329f3 100644
--- a/src/main/resources/config/dbt/messages_en.properties
+++ b/src/main/resources/config/dbt/messages_en.properties
@@ -203,3 +203,178 @@ editor.oai                                                = OAI enabling
 editor.oai.help                                           = Chose who can access the document over the OAI interface.
 mir.date.issued.4                                         =Published on:
 mir.error.finalLine                                       = That's all we know.
+
+# Podcast
+podcast.categories.After_Shows                            = After Shows
+podcast.categories.Alternative_Health                     = Alternative Health
+podcast.categories.Animation_Manga                        = Animation & Manga
+podcast.categories.Arts                                   = Arts
+podcast.categories.Astronomy                              = Astronomy
+podcast.categories.Automotive                             = Automotive
+podcast.categories.Aviation                               = Aviation
+podcast.categories.Baseball                               = Baseball
+podcast.categories.Basketball                             = Basketball
+podcast.categories.Books                                  = Books
+podcast.categories.Buddhism                               = Buddhism
+podcast.categories.Business                               = Business
+podcast.categories.Business_News                          = Business News
+podcast.categories.Careers                                = Careers
+podcast.categories.Chemistry                              = Chemistry
+podcast.categories.Christianity                           = Christianity
+podcast.categories.Comedy                                 = Comedy
+podcast.categories.Comedy_Fiction                         = Comedy Fiction
+podcast.categories.Comedy_Interviews                      = Comedy Interviews
+podcast.categories.Courses                                = Courses
+podcast.categories.Crafts                                 = Crafts
+podcast.categories.Cricket                                = Cricket
+podcast.categories.Daily_News                             = Daily News
+podcast.categories.Design                                 = Design
+podcast.categories.Documentary                            = Documentary
+podcast.categories.Drama                                  = Drama
+podcast.categories.Earth_Sciences                         = Earth Sciences
+podcast.categories.Education                              = Education
+podcast.categories.Education_for_Kids                     = Education for Kids
+podcast.categories.Entertainment_News                     = Entertainment News
+podcast.categories.Entrepreneurship                       = Entrepreneurship
+podcast.categories.Fantasy_Sports                         = Fantasy Sports
+podcast.categories.Fashion_Beauty                         = Fashion & Beauty
+podcast.categories.Fiction                                = Fiction
+podcast.categories.Film_History                           = Film History
+podcast.categories.Film_Interviews                        = Film Interviews
+podcast.categories.Film_Reviews                           = Film Reviews
+podcast.categories.Fitness                                = Fitness
+podcast.categories.Food                                   = Food
+podcast.categories.Football                               = Football
+podcast.categories.Games                                  = Games
+podcast.categories.Golf                                   = Golf
+podcast.categories.Government                             = Government
+podcast.categories.Health_Fitness                         = Health & Fitness
+podcast.categories.Hinduism                               = Hinduism
+podcast.categories.History                                = History
+podcast.categories.Hobbies                                = Hobbies
+podcast.categories.Hockey                                 = Hockey
+podcast.categories.Home_Garden                            = Home & Garden
+podcast.categories.How_To                                 = How To
+podcast.categories.Improv                                 = Improv
+podcast.categories.Investing                              = Investing
+podcast.categories.Islam                                  = Islam
+podcast.categories.Judaism                                = Judaism
+podcast.categories.Kids_Family                            = Kids & Family
+podcast.categories.Language_Learning                      = Language Learning
+podcast.categories.Leisure                                = Leisure
+podcast.categories.Life_Sciences                          = Life Sciences
+podcast.categories.Management                             = Management
+podcast.categories.Marketing                              = Marketing
+podcast.categories.Mathematics                            = Mathematics
+podcast.categories.Medicine                               = Medicine
+podcast.categories.Mental_Health                          = Mental Health
+podcast.categories.Music                                  = Music
+podcast.categories.Music_Commentary                       = Music Commentary
+podcast.categories.Music_History                          = Music History
+podcast.categories.Music_Interviews                       = Music Interviews
+podcast.categories.Natural_Sciences                       = Natural Sciences
+podcast.categories.Nature                                 = Nature
+podcast.categories.News                                   = News
+podcast.categories.News_Commentary                        = News Commentary
+podcast.categories.Non-Profit                             = Non-Profit
+podcast.categories.Nutrition                              = Nutrition
+podcast.categories.Parenting                              = Parenting
+podcast.categories.Performing_Arts                        = Performing Arts
+podcast.categories.Personal_Journals                      = Personal Journals
+podcast.categories.Pets_Animals                           = Pets & Animals
+podcast.categories.Philosophy                             = Philosophy
+podcast.categories.Physics                                = Physics
+podcast.categories.Places_Travel                          = Places & Travel
+podcast.categories.Politics                               = Politics
+podcast.categories.Relationships                          = Relationships
+podcast.categories.Religion                               = Religion
+podcast.categories.Religion_Spirituality                  = Religion & Spirituality
+podcast.categories.Rugby                                  = Rugby
+podcast.categories.Running                                = Running
+podcast.categories.Science                                = Science
+podcast.categories.Science_Fiction                        = Science Fiction
+podcast.categories.Self-Improvement                       = Self-Improvement
+podcast.categories.Sexuality                              = Sexuality
+podcast.categories.Soccer                                 = Soccer
+podcast.categories.Social_Sciences                        = Social Sciences
+podcast.categories.Society_Culture                        = Society & Culture
+podcast.categories.Spirituality                           = Spirituality
+podcast.categories.Sports                                 = Sports
+podcast.categories.Sports_News                            = Sports News
+podcast.categories.Stand-Up                               = Stand-Up
+podcast.categories.Stories_for_Kids                       = Stories for Kids
+podcast.categories.Swimming                               = Swimming
+podcast.categories.TV_Film                                = TV & Film
+podcast.categories.TV_Reviews                             = TV Reviews
+podcast.categories.Tech_News                              = Tech News
+podcast.categories.Technology                             = Technology
+podcast.categories.Tennis                                 = Tennis
+podcast.categories.True_Crime                             = True Crime
+podcast.categories.Video_Games                            = Video Games
+podcast.categories.Visual_Arts                            = Visual Arts
+podcast.categories.Volleyball                             = Volleyball
+podcast.categories.Wilderness                             = Wilderness
+podcast.categories.Wrestling                              = Wrestling
+podcast.description.showLess                              = Show less
+podcast.description.showMore                              = Show more
+podcast.details.email                                     = Email
+podcast.details.language                                  = Language
+podcast.details.owner                                     = Owner
+podcast.episode.empty                                     = This podcast does not have any episodes yet.
+podcast.episode.heading                                   = Episodes
+podcast.episode.latest                                    = Latest episode
+podcast.filter.allCategories                              = All categories
+podcast.filter.ariaLabel                                  = Filter podcasts
+podcast.filter.category                                   = Category
+podcast.filter.newestFirst                                = Newest first
+podcast.filter.oldestFirst                                = Oldest first
+podcast.filter.searchLabel                                = Search podcasts
+podcast.filter.searchPlaceholder                          = Title, description, publisher, or author
+podcast.filter.select                                     = Please select
+podcast.filter.sort                                       = Sort order
+podcast.filter.subcategory                                = Subcategory
+podcast.filter.submit                                     = Search
+podcast.hero.description                                  = Knowledge from Thuringia to listen to: discover podcast series from research, teaching, and society.
+podcast.hero.eyebrow                                      = Digital Library of Thuringia
+podcast.hero.title                                        = Discover podcasts
+podcast.image.coverAlt                                    = Cover of {title}
+podcast.list.emptyDescription                             = No matching podcasts found. Change the search term or select a different category.
+podcast.list.loading                                      = Loading podcasts ...
+podcast.list.resultMultiple                               = {count} podcasts found
+podcast.list.resultSingle                                 = {count} podcast found
+podcast.list.uncategorized                                = Uncategorized
+podcast.list.untitled                                     = Untitled
+podcast.navigation.toHomepage                             = Go to homepage
+podcast.navigation.toOverview                             = Go to podcast overview
+podcast.notFound.description                              = The page you requested does not exist or may have been moved.
+podcast.notFound.title                                    = Page not found
+podcast.pagination.ariaLabel                              = Podcast pagination
+podcast.pagination.next                                   = Next
+podcast.pagination.nextAriaLabel                          = Next page
+podcast.pagination.previous                               = Previous
+podcast.pagination.previousAriaLabel                      = Previous page
+podcast.player.ariaLabel                                  = Podcast player
+podcast.player.back15                                     = Go back 15 seconds
+podcast.player.changeSpeed                                = Change playback speed
+podcast.player.close                                      = Close player
+podcast.player.controls                                   = Playback controls
+podcast.player.forward15                                  = Go forward 15 seconds
+podcast.player.mute                                       = Mute
+podcast.player.nextEpisode                                = Next episode
+podcast.player.pause                                      = Pause
+podcast.player.play                                       = Play
+podcast.player.playEpisode                                = Play episode
+podcast.player.position                                   = Playback position
+podcast.player.previousEpisode                            = Previous episode
+podcast.player.resume                                     = Resume
+podcast.player.status.buffering                           = BUFFERING ...
+podcast.player.status.paused                              = PAUSED
+podcast.player.status.playing                             = PLAYING
+podcast.player.status.unavailable                         = AUDIO FILE UNAVAILABLE
+podcast.player.unmute                                     = Unmute
+podcast.player.volume                                     = Volume
+podcast.state.empty.description                           = Adjust the search term.
+podcast.state.empty.title                                 = No data found
+podcast.state.error.description                           = Please try again later.
+podcast.state.error.title                                 = Podcast data could not be loaded
+podcast.state.loading                                     = Loading ...
diff --git a/src/main/resources/xsl/podcast.xsl b/src/main/resources/xsl/podcast.xsl
index 85a12871..facd5c3c 100644
--- a/src/main/resources/xsl/podcast.xsl
+++ b/src/main/resources/xsl/podcast.xsl
@@ -9,6 +9,7 @@
     <head>
       <meta name="podcast-base-path" content="{$WebApplicationBaseURL}podcast/" />
       <meta name="podcast-application-base-url" content="{$WebApplicationBaseURL}" />
+      <meta name="podcast-locale" content="{$CurrentLang}" />
       <link rel="stylesheet" href="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.css" />
     </head>
 
@@ -17,6 +18,6 @@
       everything generated inside that container, while the MIR header, footer,
       and outer page shell remain server-rendered.
     -->
-    <script type="module" src="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.js"></script>
+    <script type="module" src="{$WebApplicationBaseURL}dbt/assets/podcast/podcast.js?lang={$CurrentLang}"></script>
   </xsl:template>
 </xsl:stylesheet>

From 9748eec8b766a00a095ec0b5819125c7dc3116fc Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 15:21:32 +0200
Subject: [PATCH 21/28] DBT-422 preserve language selection across podcast
 routes

---
 src/main/podcast/src/index.ts               |  7 +++++-
 src/main/podcast/src/utils/languageLinks.ts | 24 +++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/main/podcast/src/utils/languageLinks.ts

diff --git a/src/main/podcast/src/index.ts b/src/main/podcast/src/index.ts
index 01d66a06..906ddc73 100644
--- a/src/main/podcast/src/index.ts
+++ b/src/main/podcast/src/index.ts
@@ -4,11 +4,16 @@ import { i18n } from './i18n'
 
 import App from './App.vue'
 import router from './router/router'
+import { syncLanguageLinks } from './utils/languageLinks'
 
 import './style.css'
 
 const PODCAST_MOUNT_SELECTOR = '#main_content > .container'
 
+router.afterEach(() => {
+  syncLanguageLinks()
+})
+
 export function mountPodcast(
     selector = PODCAST_MOUNT_SELECTOR
 ): VueApp<Element> {
@@ -31,4 +36,4 @@ export function mountPodcast(
   return app
 }
 
-mountPodcast()
\ No newline at end of file
+mountPodcast()
diff --git a/src/main/podcast/src/utils/languageLinks.ts b/src/main/podcast/src/utils/languageLinks.ts
new file mode 100644
index 00000000..487779f4
--- /dev/null
+++ b/src/main/podcast/src/utils/languageLinks.ts
@@ -0,0 +1,24 @@
+const LANGUAGE_LINK_SELECTOR = '.language-select a.language'
+const SUPPORTED_LANGUAGES = ['de', 'en'] as const
+
+function languageFromLink(link: HTMLAnchorElement): string | null {
+    return SUPPORTED_LANGUAGES.find(language =>
+        link.classList.contains(language)
+    ) ?? null
+}
+
+export function syncLanguageLinks(): void {
+    document
+        .querySelectorAll<HTMLAnchorElement>(LANGUAGE_LINK_SELECTOR)
+        .forEach(link => {
+            const language = languageFromLink(link)
+
+            if (!language) {
+                return
+            }
+
+            const url = new URL(window.location.href)
+            url.searchParams.set('lang', language)
+            link.href = url.href
+        })
+}

From bb100ba055aeb4bf2fb57e2d0a6b36526f091585 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 15:21:41 +0200
Subject: [PATCH 22/28] DBT-422 polish podcast page states

---
 .../podcast/src/components/EmptyState.vue     | 10 ++++++
 .../podcast/src/components/ErrorState.vue     |  7 ++++
 .../podcast/src/components/LoadingState.vue   | 11 +++++++
 src/main/podcast/src/views/NotFound.vue       | 33 +++++++++----------
 4 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/src/main/podcast/src/components/EmptyState.vue b/src/main/podcast/src/components/EmptyState.vue
index b44f766d..b637d1f5 100644
--- a/src/main/podcast/src/components/EmptyState.vue
+++ b/src/main/podcast/src/components/EmptyState.vue
@@ -31,3 +31,13 @@ const stateDescription = computed(() =>
     </p>
   </div>
 </template>
+
+<style scoped lang="scss">
+.alert {
+  border-radius: var(--bs-border-radius-lg);
+
+  h2 {
+    overflow-wrap: anywhere;
+  }
+}
+</style>
diff --git a/src/main/podcast/src/components/ErrorState.vue b/src/main/podcast/src/components/ErrorState.vue
index ec36d2f1..150269f0 100644
--- a/src/main/podcast/src/components/ErrorState.vue
+++ b/src/main/podcast/src/components/ErrorState.vue
@@ -20,3 +20,10 @@ const { t } = useI18n({ useScope: 'global' })
   </div>
 
 </template>
+
+<style scoped lang="scss">
+.alert {
+  border-left: 0.25rem solid var(--bs-warning);
+  border-radius: var(--bs-border-radius-lg);
+}
+</style>
diff --git a/src/main/podcast/src/components/LoadingState.vue b/src/main/podcast/src/components/LoadingState.vue
index fc941c7f..ef369fd9 100644
--- a/src/main/podcast/src/components/LoadingState.vue
+++ b/src/main/podcast/src/components/LoadingState.vue
@@ -22,3 +22,14 @@ const { t } = useI18n({ useScope: 'global' })
     </span>
   </div>
 </template>
+
+<style scoped lang="scss">
+[role="status"] {
+  --bs-border-color: var(--bs-border-color-translucent);
+
+  .spinner-border {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+}
+</style>
diff --git a/src/main/podcast/src/views/NotFound.vue b/src/main/podcast/src/views/NotFound.vue
index f280efcb..aaeed3ee 100644
--- a/src/main/podcast/src/views/NotFound.vue
+++ b/src/main/podcast/src/views/NotFound.vue
@@ -8,19 +8,19 @@ const startPageUrl = applicationUrl('content/index.xml')
 
 <template>
   <section class="not-found py-5" aria-labelledby="not-found-title">
-    <div class="not-found__content d-flex flex-column align-items-center text-center">
+    <div class="not-found__content d-flex flex-column align-items-center text-center gap-3 pt-5">
       <span class="not-found__error fw-semibold text-danger">
         404
       </span>
 
       <h1
           id="not-found-title"
-          class="not-found__title fw-semibold"
+          class="not-found__title fw-semibold m-0"
       >
         {{ t('podcast.notFound.title') }}
       </h1>
 
-      <p class="not-found__description text-muted fs-5">
+      <p class="not-found__description text-muted fs-5 mb-0">
         {{ t('podcast.notFound.description') }}
       </p>
 
@@ -34,7 +34,7 @@ const startPageUrl = applicationUrl('content/index.xml')
 
         <a
             :href="startPageUrl"
-            class="not-found__link text-success"
+            class="not-found__link text-success text-decoration-none border-bottom pb-1"
         >
           {{ t('podcast.navigation.toHomepage') }} &rarr;
         </a>
@@ -43,36 +43,33 @@ const startPageUrl = applicationUrl('content/index.xml')
   </section>
 </template>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .not-found {
   &__content {
-    padding-top: 3rem;
-    gap: 1rem;
+    padding-inline: 1rem;
   }
 
   &__error {
-    font-size: 4.7rem;
+    font-size: clamp(3.5rem, 11vw, 4.7rem);
     line-height: 1;
   }
 
   &__title {
-    font-size: 2.2rem;
-    margin: 0;
+    font-size: clamp(1.5rem, 5vw, 2.2rem);
+    overflow-wrap: anywhere;
   }
 
   &__description {
     max-width: 33rem;
-    margin: 0;
   }
 
-  &__link {
-    text-decoration: none;
-    border-bottom: 1px solid currentColor;
-    padding-bottom: 0.25rem;
+  &__link:hover {
+    opacity: 0.8;
+  }
 
-    &:hover {
-      opacity: 0.8;
-    }
+  &__actions :is(.btn, .not-found__link):focus-visible {
+    outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.45);
+    outline-offset: 0.2rem;
   }
 }
 </style>

From e608601870da38f5db7a65899f19e0dec081850d Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 15:21:50 +0200
Subject: [PATCH 23/28] DBT-422 improve podcast overview layout

---
 .../podcast/src/components/PodcastFilter.vue  |  23 ++-
 .../podcast/src/components/PodcastList.vue    | 170 +++++++-----------
 .../podcast/src/components/PodcastsHero.vue   |   8 +-
 3 files changed, 89 insertions(+), 112 deletions(-)

diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index cf9dd541..1bd9b71a 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -108,7 +108,7 @@ const handleSubmit = () => {
 <template>
   <form
       id="podcast-filters"
-      class="card border-0 bg-light shadow-sm mb-5"
+      class="podcast-filter card border-0 bg-light shadow-sm mb-5"
       @submit.prevent="handleSubmit"
       :aria-label="t('podcast.filter.ariaLabel')">
     <div class="card-body p-3 p-lg-4">
@@ -187,14 +187,19 @@ const handleSubmit = () => {
 </template>
 
 <style scoped lang="scss">
-.form-control:focus,
-.form-select:focus {
-  border-color: var(--bs-success);
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
-}
+.podcast-filter {
+  :is(.form-control, .form-select, .btn) {
+    min-height: 2.75rem;
+  }
 
-.form-select:disabled {
-  opacity: 0.65;
-  cursor: not-allowed;
+  :is(.form-control, .form-select):focus {
+    border-color: var(--bs-success);
+    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+  }
+
+  .form-select:disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+  }
 }
 </style>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index b76e6d40..ec65be77 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -294,7 +294,7 @@ watch(
     <!-- Results -->
     <div
         v-else-if="podcastMetadata"
-        class="wrapper"
+        class="podcast-list__results"
     >
       <h2 class="mb-4">
         {{
@@ -307,20 +307,20 @@ watch(
         }}
       </h2>
 
-      <div class="cards-collection">
+      <div class="podcast-list__grid">
 
         <article
             v-for="podcast in podcastMetadata.response.docs"
             :key="podcast.id"
-            class="card-item h-100 border-0 shadow-sm rounded-2 overflow-hidden position-relative"
+            class="podcast-list__card d-grid h-100 border-0 shadow-sm rounded-2 overflow-hidden position-relative"
         >
 
           <!-- Cover -->
-          <div class="podcast-card-cover ratio ratio-1x1 bg-light border-bottom">
+          <div class="podcast-list__cover ratio ratio-1x1 bg-light border-bottom position-relative overflow-hidden">
 
             <img
                 v-if="!coverErrors[podcast.id]"
-                class="card-img-top w-100 h-100 object-fit-cover"
+                class="podcast-list__cover-image card-img-top position-absolute top-0 start-0 w-100 h-100 object-fit-cover z-2"
                 :class="{ 'is-loaded': coverLoaded[podcast.id] }"
                 :src="getCoverUrl(podcast)"
                 :alt="t('podcast.image.coverAlt', { title: getPodcastTitle(podcast) })"
@@ -332,7 +332,7 @@ watch(
 
             <div
                 v-if="!coverLoaded[podcast.id] || coverErrors[podcast.id]"
-                class="podcast-card-cover-placeholder"
+                class="podcast-list__cover-placeholder position-absolute top-0 start-0 d-flex align-items-center justify-content-center w-100 h-100 bg-body-secondary text-body-secondary z-1"
                 aria-hidden="true"
             >
               <i class="fa-solid fa-images"></i>
@@ -343,7 +343,7 @@ watch(
           <!-- Categories -->
           <div
               v-if="getItunesCategories(podcast).length"
-              class="topic mt-1 px-2"
+              class="podcast-list__categories align-self-center mt-1 px-2"
           >
             <span
                 v-for="category in getItunesCategories(podcast)"
@@ -357,7 +357,7 @@ watch(
           <!-- Title -->
           <h3 class="h6 card-title px-2 mb-2">
             <RouterLink
-                class="podcast-card-link stretched-link"
+                class="podcast-list__card-link stretched-link"
                 :to="{
                   name: 'podcast',
                   params: { podcastId: podcast.id },
@@ -385,7 +385,7 @@ watch(
           class="mt-5"
           :aria-label="t('podcast.pagination.ariaLabel')"
       >
-        <ul class="pagination justify-content-center">
+        <ul class="podcast-list__pagination pagination justify-content-center">
 
           <!-- Previous -->
           <li
@@ -393,7 +393,7 @@ watch(
               :class="{ disabled: currentPage === 1 }"
           >
             <button
-                class="page-link text-success"
+                class="page-link"
                 type="button"
                 :disabled="currentPage === 1"
                 :aria-label="t('podcast.pagination.previousAriaLabel')"
@@ -426,11 +426,6 @@ watch(
             <button
                 v-else
                 class="page-link"
-                :class="
-                page === currentPage
-                  ? 'text-white'
-                  : 'text-success'
-              "
                 type="button"
                 :aria-current="
                 page === currentPage
@@ -452,7 +447,7 @@ watch(
             }"
           >
             <button
-                class="page-link text-success"
+                class="page-link"
                 type="button"
                 :disabled="currentPage === totalPages"
                 :aria-label="t('podcast.pagination.nextAriaLabel')"
@@ -470,102 +465,75 @@ watch(
   </section>
 </template>
 
-<style lang="scss" scoped>
-.cards-collection {
-  display: grid;
-
-  grid-template-columns:
-    repeat(
-      auto-fill,
-      minmax(min(100%, 250px), 1fr)
-    );
-
-  gap: 25px;
-}
-
-.podcast-card-cover {
-  position: relative;
-  overflow: hidden;
-  background: var(--bs-secondary-bg);
-}
-
-.podcast-card-cover > img {
-  position: absolute;
-  inset: 0;
-
-  width: 100%;
-  height: 100%;
-
-  object-fit: cover;
-
-  opacity: 0;
-  transition: opacity 0.2s ease;
-
-  z-index: 2;
-}
-
-.podcast-card-cover > img.is-loaded {
-  opacity: 1;
-}
-
-.podcast-card-cover-placeholder {
-  position: absolute;
-  inset: 0;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
+<style scoped lang="scss">
+.podcast-list {
+  &__grid {
+    display: grid;
+    grid-template-columns:
+      repeat(
+        auto-fill,
+        minmax(min(100%, 250px), 1fr)
+      );
+    gap: 1.5rem;
+  }
 
-  background: var(--bs-secondary-bg);
-  color: var(--bs-secondary-color);
+  &__cover-image {
+    opacity: 0;
+    transition: opacity 0.2s ease;
 
-  font-size: 3rem;
+    &.is-loaded {
+      opacity: 1;
+    }
+  }
 
-  z-index: 1;
-}
+  &__cover-placeholder {
+    font-size: 3rem;
+  }
 
-.card-item {
-  display: grid;
-  grid-template-rows: subgrid;
-  grid-row: span 4;
+  &__card {
+    grid-template-rows: subgrid;
+    grid-row: span 4;
+    row-gap: 5px;
+  }
 
-  row-gap: 5px;
-}
+  &__card-link {
+    color: var(--bs-black);
+    line-height: 1.35;
+    overflow-wrap: anywhere;
 
-.podcast-card-link {
-  color: var(--bs-black);
+    &:hover {
+      color: var(--bs-success);
+    }
 
-  &:hover {
-    color: var(--bs-success);
+    &:focus-visible {
+      outline: 2px solid var(--bs-success);
+      outline-offset: 2px;
+    }
   }
-}
-
-.topic {
-  align-self: center;
-}
 
-.page-item.active {
-  .page-link {
-    background-color: var(--bs-success) !important;
-    border-color: var(--bs-success) !important;
+  &__pagination {
+    --bs-pagination-color: var(--bs-success);
+    --bs-pagination-hover-color: var(--bs-success-text-emphasis);
+    --bs-pagination-focus-color: var(--bs-success-text-emphasis);
+    --bs-pagination-active-color: var(--bs-white);
+    --bs-pagination-active-bg: var(--bs-success);
+    --bs-pagination-active-border-color: var(--bs-success);
+    --bs-pagination-disabled-color: var(--bs-secondary-color);
+
+    flex-wrap: wrap;
+    gap: 0.375rem;
+
+    .page-link {
+      min-width: 2.25rem;
+      border-radius: var(--bs-border-radius-sm);
+      text-align: center;
+    }
   }
-}
-
-.page-link {
-  color: var(--bs-secondary);
-}
 
-.page-link:hover {
-  color: var(--bs-success);
-}
-
-.page-item.active .page-link:hover {
-  color: var(--bs-white);
-}
-
-.page-item.disabled {
-  .page-link {
-    color: var(--bs-secondary);
+  @media (prefers-reduced-motion: reduce) {
+    &__cover-image {
+      transition: none;
+    }
   }
 }
 </style>
diff --git a/src/main/podcast/src/components/PodcastsHero.vue b/src/main/podcast/src/components/PodcastsHero.vue
index dd857125..fd8a78f6 100644
--- a/src/main/podcast/src/components/PodcastsHero.vue
+++ b/src/main/podcast/src/components/PodcastsHero.vue
@@ -20,6 +20,10 @@ const { t } = useI18n({ useScope: 'global' })
   </section>
 </template>
 
-<style>
-
+<style scoped lang="scss">
+.podcast-hero {
+  .lead {
+    max-width: 62ch;
+  }
+}
 </style>

From dfeb0ae26dd55f0218ea93a1e4c7ce054f4e69f5 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 15:21:57 +0200
Subject: [PATCH 24/28] DBT-422 improve playlist layout and episode controls

---
 .../src/components/PlaylistEpisode.vue        | 328 +++++++++++-------
 .../podcast/src/components/PlaylistHeader.vue | 299 +++++++++-------
 2 files changed, 377 insertions(+), 250 deletions(-)

diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index ff13756c..f25f334e 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -62,8 +62,10 @@ watch(
 </script>
 
 <template>
-  <div class="episode">
-    <h2 class="visually-hidden">{{ t('podcast.episode.heading') }}</h2>
+  <div class="episode-list">
+    <h2 id="episode-heading" class="episode-list__heading">
+      {{ t('podcast.episode.heading') }}
+    </h2>
 
     <p
         v-if="!playlistMetadata.episodes.length"
@@ -76,33 +78,74 @@ watch(
     <div
         id="episode-list"
         class="accordion accordion-flush rounded-0"
+        aria-labelledby="episode-heading"
     >
       <div
           v-for="(episode, index) in playlistMetadata.episodes"
           :key="episode.guid"
           :id="`episode-item-${index}`"
-          class="accordion-item"
+          class="episode-list__item accordion-item position-relative"
           :class="{ 'is-current': isCurrentEpisode(episode) }"
       >
-        <h3 class="accordion-header">
+        <div class="episode-list__item-header accordion-header position-relative">
+          <h3 class="episode-list__item-heading m-0">
+            <button
+                class="episode-list__toggle accordion-button h5 mb-0"
+                :class="{ collapsed: openEpisodeGuid !== episode.guid }"
+                type="button"
+                :aria-expanded="openEpisodeGuid === episode.guid"
+                :aria-controls="`episode-${index}`"
+                @click="toggleEpisodeDetails(episode.guid)"
+            >
+              <span class="episode-list__title">{{ episode.title }}</span>
+            </button>
+          </h3>
+
           <button
-              class="accordion-button h5"
-              :class="{ collapsed: openEpisodeGuid !== episode.guid }"
+              class="episode-list__play btn btn-sm rounded-pill d-inline-flex align-items-center gap-1"
               type="button"
-              :aria-expanded="openEpisodeGuid === episode.guid"
-              :aria-controls="`episode-${index}`"
-              @click="toggleEpisodeDetails(episode.guid)"
+              :aria-pressed="isCurrentEpisode(episode) && playerStore.isPlaying"
+              :aria-label="isCurrentEpisode(episode)
+              ? playerStore.isPlaying
+                  ? t('podcast.player.pause')
+                  : t('podcast.player.resume')
+              : t('podcast.player.playEpisode')"
+              :class="isCurrentEpisode(episode)
+              ? 'btn-success'
+              : 'btn-outline-success'"
+              @click.stop="buildPlayer(episode)"
           >
-            {{ episode.title }}
+            <i
+                class="fas m-0"
+                :class="isCurrentEpisode(episode) && playerStore.isPlaying
+                ? 'fa-pause'
+                : 'fa-play'"
+                aria-hidden="true"
+            ></i>
+
+            <span
+                class="episode-list__play-separator"
+                aria-hidden="true"
+            >
+              &middot;
+            </span>
+
+            <span>
+              {{
+                isCurrentEpisode(episode)
+                    ? playerStore.formatTime(playerStore.remainingTime)
+                    : episode.duration
+              }}
+            </span>
           </button>
-        </h3>
+        </div>
 
         <div
             :id="`episode-${index}`"
-            class="accordion-collapse collapse episode-collapse"
+            class="episode-list__collapse accordion-collapse collapse"
             :class="{ show: openEpisodeGuid === episode.guid }"
         >
-          <div class="episode-collapse-inner">
+          <div class="episode-list__collapse-inner overflow-hidden">
             <div class="accordion-body">
               <p class="small text-body-secondary">
                 <time>{{ formatDate(episode.pubDate) }}</time>
@@ -112,49 +155,6 @@ watch(
                   v-html="episode.description"
                   class="description rich-description"
               ></div>
-
-              <button
-                  class="episode-play-button btn btn-sm rounded-pill d-inline-flex align-items-center gap-1"
-                  type="button"
-                  :aria-pressed="isCurrentEpisode(episode) && playerStore.isPlaying"
-                  :class="isCurrentEpisode(episode)
-                  ? 'btn-success'
-                  : 'btn-outline-success'"
-                  @click="buildPlayer(episode)"
-              >
-                <i
-                    class="fas m-0"
-                    :class="isCurrentEpisode(episode) && playerStore.isPlaying
-                  ? 'fa-pause'
-                  : 'fa-play'"
-                    aria-hidden="true"
-                ></i>
-
-                <span>
-                  {{
-                    isCurrentEpisode(episode)
-                        ? playerStore.isPlaying
-                            ? t('podcast.player.pause')
-                            : t('podcast.player.resume')
-                        : t('podcast.player.play')
-                  }}
-                </span>
-
-                <span
-                    class="episode-play-separator"
-                    aria-hidden="true"
-                >
-                  &middot;
-                </span>
-
-                <span>
-                  {{
-                    isCurrentEpisode(episode)
-                        ? playerStore.formatTime(playerStore.remainingTime)
-                        : episode.duration
-                  }}
-                </span>
-              </button>
             </div>
           </div>
         </div>
@@ -163,87 +163,167 @@ watch(
   </div>
 </template>
 
-<style scoped>
-.episode {
+<style scoped lang="scss">
+.episode-list {
+  --episode-action-gap: 1rem;
+  --episode-action-space: 7rem;
+
   margin-top: clamp(1.5rem, 4vw, 3rem);
-}
 
-.episode .accordion-item {
-  position: relative;
-  padding-bottom: 0.1rem;
-  scroll-margin-top: 6rem;
-  transition:
-      color 160ms ease,
-      background-color 160ms ease;
-}
+  &__heading {
+    margin-bottom: 1rem;
+  }
 
-.episode .accordion-item::before {
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 0.25rem;
-  background: var(--bs-success);
-  content: "";
-  opacity: 0;
-  transform: scaleY(0.55);
-  transform-origin: center;
-  transition:
-      opacity 160ms ease,
-      transform 160ms ease;
-}
+  &__item {
+    scroll-margin-top: 6rem;
+    transition: color 160ms ease;
+
+    &::before {
+      position: absolute;
+      z-index: 4;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 0.25rem;
+      background: var(--bs-success);
+      content: "";
+      opacity: 0;
+      transform: scaleY(0.55);
+      transform-origin: center;
+      transition:
+          opacity 160ms ease,
+          transform 160ms ease;
+    }
 
-.episode .accordion-item.is-current {
-  background: var(--bs-success-bg-subtle);
-}
+    &.is-current {
+      &::before {
+        opacity: 1;
+        transform: scaleY(1);
+      }
 
-.episode .accordion-item.is-current::before {
-  opacity: 1;
-  transform: scaleY(1);
-}
+      .episode-list__toggle {
+        color: var(--bs-success-text-emphasis);
+      }
+    }
+  }
 
-.episode .accordion-button:not(.collapsed) {
-  color: var(--bs-success-text-emphasis);
-  background-color: var(--bs-success-bg-subtle);
-}
+  &__toggle {
+    min-height: 3.75rem;
 
-.episode .accordion-item.is-current .accordion-button {
-  color: var(--bs-success-text-emphasis);
-}
+    &:hover {
+      background-color: transparent;
+    }
 
-.episode .accordion-button:focus {
-  border-color: transparent;
-  box-shadow: none;
-}
+    &:not(.collapsed) {
+      color: var(--bs-success-text-emphasis);
+      background-color: transparent;
+      box-shadow: none;
+    }
 
-.episode .accordion-collapse.episode-collapse {
-  display: grid;
-  grid-template-rows: 0fr;
-  transition: grid-template-rows 350ms ease;
-}
+    &:focus {
+      border-color: transparent;
+      box-shadow: none;
+    }
 
-.episode .accordion-collapse.episode-collapse.show {
-  grid-template-rows: 1fr;
-}
+    &:focus-visible {
+      outline: 2px solid var(--bs-success);
+      outline-offset: -3px;
+    }
+  }
 
-.episode-collapse-inner {
-  min-height: 0;
-  overflow: hidden;
-}
+  &__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    padding-right: var(--episode-action-space);
+    overflow-wrap: anywhere;
+  }
 
-.episode-play-button {
-  min-height: 2rem;
-  padding: 0.2rem 0.75rem;
-  font-variant-numeric: tabular-nums;
-}
+  &__collapse {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows 350ms ease;
 
-.episode-play-button .fas {
-  font-size: 1.1rem;
-  line-height: 1;
-}
+    &.show {
+      grid-template-rows: 1fr;
+    }
+  }
+
+  &__collapse-inner {
+    min-height: 0;
+
+    .accordion-body {
+      overflow-wrap: anywhere;
+    }
+  }
+
+  &__play {
+    position: absolute;
+    z-index: 5;
+    top: 50%;
+    right: calc(
+        var(--bs-accordion-btn-padding-x) +
+        var(--bs-accordion-btn-icon-width) +
+        var(--episode-action-gap)
+    );
+    min-height: 2rem;
+    padding: 0.2rem 0.75rem;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+    transform: translateY(-50%);
+
+    &:focus-visible {
+      outline: 2px solid var(--bs-success);
+      outline-offset: 2px;
+    }
+
+    .fas {
+      font-size: 1.1rem;
+      line-height: 1;
+    }
+  }
+
+  &__play-separator {
+    opacity: 0.6;
+  }
 
-.episode-play-separator {
-  opacity: 0.6;
+  @media (max-width: 575.98px) {
+    --episode-action-gap: clamp(0.5rem, 2.5vw, 0.625rem);
+    --episode-action-space: clamp(5rem, 24vw, 5.5rem);
+
+    &__heading {
+      margin-bottom: 0.75rem;
+      font-size: 1.375rem;
+    }
+
+    &__toggle {
+      min-height: clamp(2.875rem, 13vw, 3.25rem);
+      padding-block: clamp(0.45rem, 2vw, 0.625rem);
+      padding-left: 0.625rem;
+      font-size: clamp(0.8rem, 3.8vw, 0.9rem);
+      line-height: 1.25;
+    }
+
+    &__play {
+      min-height: clamp(1.5rem, 7vw, 1.875rem);
+      padding-inline: clamp(0.25rem, 1.5vw, 0.375rem);
+      font-size: clamp(0.65rem, 2.5vw, 0.7rem);
+
+      .fas {
+        font-size: clamp(0.8rem, 3vw, 0.9rem);
+      }
+    }
+
+    &__collapse-inner .accordion-body {
+      padding: 0.75rem 1rem;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &__item,
+    &__item::before,
+    &__collapse {
+      transition: none;
+    }
+  }
 }
 </style>
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index 2a9f875c..e6c66d49 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -114,11 +114,11 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <header class="playlist-header mt-5 px-3 pt-5 pb-4 bg-light">
-    <div class="ratio ratio-1x1 podcast-cover">
+  <header class="playlist-header bg-light">
+    <div class="playlist-header__cover ratio ratio-1x1 overflow-hidden bg-body-secondary">
       <img
           v-if="playlistMetadata.image && !imageError"
-          class="object-fit-cover rounded-2"
+          class="position-absolute top-0 start-0 d-block w-100 h-100 object-fit-cover rounded-2"
           :class="{ 'is-loaded': imageLoaded }"
           :alt="t('podcast.image.coverAlt', { title: playlistMetadata.title })"
           :src="playlistMetadata.image"
@@ -128,19 +128,19 @@ onUnmounted(() => {
 
       <div
           v-if="!imageLoaded || imageError || !playlistMetadata.image"
-          class="podcast-cover-placeholder"
+          class="playlist-header__cover-placeholder position-absolute top-0 start-0 d-flex align-items-center justify-content-center w-100 h-100 bg-body-secondary text-body-secondary"
           aria-hidden="true"
       >
         <i class="fa-solid fa-images"></i>
       </div>
     </div>
 
-    <div class="playlist-info">
+    <div class="playlist-header__info d-flex flex-column align-items-stretch align-items-md-start">
       <h1>
         {{ playlistMetadata.title }}
       </h1>
 
-      <div class="topic d-flex gap-1 mb-3">
+      <div class="playlist-header__topics d-flex align-self-start gap-1">
         <span class="badge text-bg-success text-wrap text-start">
           {{ categoryLabel(playlistMetadata.category) }}
         </span>
@@ -153,7 +153,7 @@ onUnmounted(() => {
         </span>
       </div>
 
-      <dl class="row mb-2 w-100">
+      <dl class="playlist-header__details row w-100">
         <dt class="col-3">{{ t('podcast.details.language') }}:</dt>
         <dd class="col-9">
           {{ playlistMetadata.language.toUpperCase() }}
@@ -170,20 +170,20 @@ onUnmounted(() => {
         </dd>
       </dl>
 
-      <p class="playlist-authors small text-body-secondary mb-2">
+      <p class="playlist-header__authors text-body-secondary">
         {{ playlistMetadata.author.join(', ') }}
       </p>
 
       <div
           ref="descriptionElement"
-          class="playlist-description rich-description"
+          class="playlist-header__description rich-description"
           :class="{ 'is-expanded': isDescriptionExpanded }"
           v-html="playlistMetadata.description"
       />
 
       <button
           v-if="isDescriptionOverflowing || isDescriptionExpanded"
-          class="playlist-description-toggle"
+          class="playlist-header__description-toggle d-inline-flex align-items-center align-self-start p-0 border-0 bg-transparent"
           type="button"
           :aria-expanded="isDescriptionExpanded"
           @click="toggleDescription"
@@ -210,7 +210,7 @@ onUnmounted(() => {
       </button>
 
       <button
-          class="btn btn-success mt-3 py-1 gap-1 d-flex justify-content-center align-items-center align-self-end"
+          class="playlist-header__latest btn btn-success py-1 gap-1 d-flex justify-content-center align-items-center align-self-stretch align-self-md-end mt-auto"
           type="button"
           :disabled="!lastEpisode"
           @click="lastEpisode && buildPlayer(lastEpisode)"
@@ -225,146 +225,193 @@ onUnmounted(() => {
   </header>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .playlist-header {
   display: grid;
   grid-template-columns: clamp(12rem, 24vw, 17.5rem) minmax(0, 1fr);
   gap: clamp(1rem, 3vw, 2rem);
-  padding: clamp(1.5rem, 4vw, 3rem);
-}
-
-.podcast-cover {
-  position: relative;
-  width: 100%;
-  max-width: 17.5rem;
-  align-self: start;
-  justify-self: center;
-  overflow: hidden;
-  background: var(--bs-secondary-bg);
-}
-
-.podcast-cover > img {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  display: block;
-  object-fit: cover;
-
-  opacity: 0;
-  transition: opacity 0.2s ease;
-}
-
-.podcast-cover > img.is-loaded {
-  opacity: 1;
-}
-
-.podcast-cover-placeholder {
-  position: absolute;
-  inset: 0;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: var(--bs-secondary-bg);
-  color: var(--bs-secondary-color);
-  font-size: 3rem;
-}
-
-.playlist-info {
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
+  margin-top: 3rem;
+  padding: clamp(1.25rem, 2.5vw, 2rem);
+  border: 1px solid var(--bs-border-color-translucent);
+  border-radius: var(--bs-border-radius-lg);
+
+  &__cover {
+    max-width: 17.5rem;
+    align-self: start;
+    justify-self: center;
+    border-radius: var(--bs-border-radius);
+
+    > img {
+      opacity: 0;
+      transition: opacity 0.2s ease;
+
+      &.is-loaded {
+        opacity: 1;
+      }
+    }
+  }
 
-.playlist-info > h1 {
-  margin-bottom: clamp(0.75rem, 2vw, 1rem);
-  font-size: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
-  line-height: 1.15;
-  overflow-wrap: anywhere;
-}
+  &__cover-placeholder {
+    font-size: 3rem;
+  }
 
-.playlist-info > .btn {
-  margin-top: auto !important;
-}
+  &__info {
+    min-width: 0;
 
-.playlist-authors:empty {
-  display: none;
-}
+    > h1 {
+      margin-bottom: clamp(0.75rem, 2vw, 1rem);
+      font-size: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
+      line-height: 1.15;
+      overflow-wrap: anywhere;
+    }
+  }
 
-.playlist-description {
-  margin-bottom: 0.65rem;
-  line-height: 1.5;
-}
+  &__topics {
+    margin-bottom: 1rem;
+  }
 
-.playlist-description:not(.is-expanded) {
-  display: -webkit-box;
-  overflow: hidden;
-  max-height: 7.5em;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5;
-}
+  &__details {
+    --bs-gutter-x: 0;
 
-.playlist-description-toggle {
-  display: inline-flex;
-  align-items: center;
-  align-self: flex-start;
-  gap: 0.3rem;
-  margin-bottom: 0.75rem;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--bs-success);
-  cursor: pointer;
-  font-size: 0.85rem;
-  font-weight: 600;
-}
+    margin-bottom: 0.5rem;
 
-.playlist-description-toggle:hover {
-  color: var(--bs-success-text-emphasis);
-}
+    dt,
+    dd {
+      overflow-wrap: anywhere;
+    }
+  }
 
-.playlist-description-toggle:focus-visible {
-  outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
-  outline-offset: 0.18rem;
-}
+  &__authors {
+    margin-bottom: 0.5rem;
+    font-size: 0.875rem;
+    overflow-wrap: anywhere;
 
-@media (max-width: 767.98px) {
-  .playlist-header {
-    grid-template-columns: minmax(0, 1fr);
-    gap: clamp(1.25rem, 5vw, 2rem);
-    padding: clamp(1rem, 5vw, 2rem) !important;
+    &:empty {
+      display: none;
+    }
   }
 
-  .podcast-cover {
-    width: min(100%, 22rem);
-    max-width: none;
+  &__description {
+    margin-bottom: 0.65rem;
+    line-height: 1.5;
+    overflow-wrap: anywhere;
+
+    &:not(.is-expanded) {
+      display: -webkit-box;
+      overflow: hidden;
+      max-height: 7.5em;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 5;
+    }
   }
 
-  .playlist-info {
-    align-items: stretch;
+  &__description-toggle {
+    gap: 0.3rem;
+    margin-bottom: 0.75rem;
+    color: var(--bs-success);
+    cursor: pointer;
+    font-size: 0.85rem;
+    font-weight: 600;
+
+    &:hover {
+      color: var(--bs-success-text-emphasis);
+    }
+
+    &:focus-visible {
+      outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
+      outline-offset: 0.18rem;
+    }
   }
 
-  .playlist-info > .topic {
-    align-self: flex-start;
+  &__latest {
+    min-height: 2.5rem;
   }
 
-  .playlist-info > .btn {
-    width: 100%;
-    align-self: stretch !important;
-  }
+  @media (max-width: 767.98px) {
+    grid-template-columns: minmax(0, 1fr);
+    gap: clamp(1.25rem, 5vw, 2rem);
+    padding: clamp(1rem, 5vw, 2rem);
 
-}
+    &__cover {
+      width: min(100%, 22rem);
+      max-width: none;
+    }
+
+    &__latest {
+      width: 100%;
+    }
+  }
 
-@media (max-width: 575.98px) {
-  .playlist-header {
-    margin-top: 2rem !important;
+  @media (max-width: 575.98px) {
+    gap: clamp(0.75rem, 3vw, 1rem);
+    margin-top: 1.5rem;
+    padding: clamp(0.75rem, 3.5vw, 1rem);
+
+    &__cover {
+      width: min(100%, 18rem);
+    }
+
+    &__info > h1 {
+      margin-bottom: 0.5rem;
+      font-size: clamp(1.25rem, 6vw, 1.5rem);
+    }
+
+    &__topics {
+      margin-bottom: 0.5rem;
+
+      .badge {
+        padding: 0.3em 0.55em;
+        font-size: 0.7rem;
+      }
+    }
+
+    &__details {
+      margin-bottom: 0.25rem;
+      font-size: 0.85rem;
+      line-height: 1.35;
+
+      dt,
+      dd {
+        flex: 0 0 100%;
+        width: 100%;
+      }
+
+      dt {
+        margin-bottom: 0.125rem;
+      }
+
+      dd {
+        margin-bottom: 0.5rem;
+      }
+    }
+
+    &__authors {
+      margin-bottom: 0.375rem;
+      font-size: 0.75rem;
+    }
+
+    &__description {
+      margin-bottom: 0.4rem;
+      font-size: 0.875rem;
+      line-height: 1.4;
+
+      &:not(.is-expanded) {
+        max-height: 5.6em;
+        -webkit-line-clamp: 4;
+      }
+    }
+
+    &__description-toggle {
+      gap: 0.25rem;
+      margin-bottom: 0.5rem;
+      font-size: 0.75rem;
+    }
   }
 
-  .playlist-info > h1 {
-    font-size: clamp(1.5rem, 7vw, 1.9rem);
+  @media (prefers-reduced-motion: reduce) {
+    &__cover > img {
+      transition: none;
+    }
   }
 }
 </style>

From fb2540a83f7ef61518699712a0e8e561401e534e Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 23 Oct 2026 15:22:05 +0200
Subject: [PATCH 25/28] DBT-422 improve responsive player layout

---
 src/main/podcast/src/components/Player.vue | 738 ++++++++-------------
 1 file changed, 293 insertions(+), 445 deletions(-)

diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index a85600ed..0bb33608 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -278,11 +278,12 @@ onUnmounted(() => {
 <template>
   <section
       ref="playerElement"
-      class="playlist-player"
+      class="playlist-player position-fixed bottom-0 start-0 w-100 text-body"
       :aria-label="t('podcast.player.ariaLabel')"
   >
     <audio
         ref="audioElement"
+        class="d-none"
         preload="metadata"
         @play="playerStore.isPlaying = true"
         @pause="playerStore.isPlaying = false"
@@ -295,12 +296,12 @@ onUnmounted(() => {
         @loadedmetadata="handleLoadedMetadata"
     />
 
-    <div class="container playlist-player-inner">
+    <div class="playlist-player__inner container">
 
       <!-- Episode -->
-      <div class="playlist-player-track">
+      <div class="playlist-player__track d-flex align-items-center">
 
-        <div class="playlist-player-artwork">
+        <div class="playlist-player__artwork position-relative flex-shrink-0 overflow-hidden rounded-1">
 
           <img
               v-if="
@@ -309,6 +310,7 @@ onUnmounted(() => {
               "
               :src="playerStore.episode.image"
               :alt="t('podcast.image.coverAlt', { title: playerStore.episode.title })"
+              class="position-absolute top-0 start-0 d-block w-100 h-100 object-fit-cover"
               :class="{
                 'is-loaded': imageLoaded
               }"
@@ -321,7 +323,7 @@ onUnmounted(() => {
                 !imageLoaded ||
                 imageError
               "
-              class="playlist-player-artwork-placeholder"
+              class="playlist-player__artwork-placeholder position-absolute top-0 start-0 d-grid w-100 h-100"
               aria-hidden="true"
           >
             <i class="fas fa-headphones"></i>
@@ -329,10 +331,10 @@ onUnmounted(() => {
 
         </div>
 
-        <div class="playlist-player-copy">
+        <div class="playlist-player__copy">
 
           <p
-              class="playlist-player-status"
+              class="playlist-player__status text-truncate mb-0"
               aria-live="polite"
               :data-tone="
                 audioError
@@ -355,11 +357,11 @@ onUnmounted(() => {
             }}
           </p>
 
-          <p class="playlist-player-title">
+          <p class="playlist-player__title text-truncate mb-0">
             {{ playerStore.episode?.title }}
           </p>
 
-          <p class="playlist-player-context">
+          <p class="playlist-player__context text-truncate mb-0 text-body-secondary">
             {{ playerStore.playlistTitle }}
           </p>
 
@@ -369,13 +371,14 @@ onUnmounted(() => {
 
       <!-- Controls -->
       <div
-          class="playlist-player-transport"
+          class="playlist-player__transport d-flex align-items-center justify-content-start justify-content-sm-center"
           role="group"
           :aria-label="t('podcast.player.controls')"
       >
 
         <!-- Previous episode -->
         <button
+            class="playlist-player__button d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
             type="button"
             :aria-label="t('podcast.player.previousEpisode')"
             :title="t('podcast.player.previousEpisode')"
@@ -392,6 +395,7 @@ onUnmounted(() => {
 
         <!-- Back 15 sec -->
         <button
+            class="playlist-player__button d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
             type="button"
             :aria-label="t('podcast.player.back15')"
             :title="t('podcast.player.back15')"
@@ -405,7 +409,7 @@ onUnmounted(() => {
 
         <!-- Play / Pause -->
         <button
-            class="playlist-player-play"
+            class="playlist-player__button playlist-player__play d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
             type="button"
             :aria-label="
               playerStore.isPlaying
@@ -420,7 +424,7 @@ onUnmounted(() => {
             @click="playerStore.togglePlayback"
         >
           <i
-              class="fas"
+              class="playlist-player__play-icon fas"
               :class="
                 playerStore.isPlaying
                   ? 'fa-pause'
@@ -432,6 +436,7 @@ onUnmounted(() => {
 
         <!-- Forward 15 sec -->
         <button
+            class="playlist-player__button d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
             type="button"
             :aria-label="t('podcast.player.forward15')"
             :title="t('podcast.player.forward15')"
@@ -445,6 +450,7 @@ onUnmounted(() => {
 
         <!-- Next episode -->
         <button
+            class="playlist-player__button d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
             type="button"
             :aria-label="t('podcast.player.nextEpisode')"
             :title="t('podcast.player.nextEpisode')"
@@ -463,11 +469,11 @@ onUnmounted(() => {
       </div>
 
       <!-- Tools -->
-      <div class="playlist-player-tools">
+      <div class="playlist-player__tools d-flex align-items-center justify-content-end">
 
         <!-- Speed -->
         <button
-            class="playlist-player-speed"
+            class="playlist-player__button playlist-player__speed d-inline-flex align-items-center justify-content-center flex-shrink-0 border-0 py-0 rounded-1"
             type="button"
             :aria-label="t('podcast.player.changeSpeed')"
             :title="`${speeds[speedIndex]}×`"
@@ -477,9 +483,10 @@ onUnmounted(() => {
         </button>
 
         <!-- Volume -->
-        <div class="playlist-player-volume">
+        <div class="playlist-player__volume d-flex align-items-center">
 
           <button
+              class="playlist-player__button d-inline-flex align-items-center justify-content-center flex-shrink-0 rounded-circle border-0 p-0"
               type="button"
               :aria-label="
                 isMuted
@@ -519,7 +526,7 @@ onUnmounted(() => {
       </div>
 
       <!-- Timeline -->
-      <div class="playlist-player-timeline">
+      <div class="playlist-player__timeline text-body-secondary">
 
         <span>
           {{ playerStore.formatTime(playerStore.currentTime) }}
@@ -544,7 +551,7 @@ onUnmounted(() => {
 
       <!-- Close Button -->
       <button
-          class="close-button"
+          class="playlist-player__button playlist-player__close d-inline-flex align-items-center justify-content-center rounded-circle border-0 p-0"
           type="button"
           :aria-label="t('podcast.player.close')"
           :title="t('podcast.player.close')"
@@ -556,486 +563,327 @@ onUnmounted(() => {
   </section>
 </template>
 
-<style scoped>
-/* =========================
-     Player
-   ========================= */
-
+<style scoped lang="scss">
 .playlist-player {
-  position: fixed;
-  z-index: 1040;
-  right: 0;
-  bottom: 0;
-  left: 0;
-
-  width: 100%;
-
-  background: #f0f3f1;
-  color: var(--bs-body-color);
-}
-
-:global(body.has-podcast-player) {
-  padding-bottom: var(--podcast-player-height, 0);
-}
-
-.playlist-player[hidden],
-.playlist-player [hidden] {
-  display: none !important;
-}
-
-.playlist-player audio {
-  display: none;
-}
-
-
-/* =========================
-   Layout
-   ========================= */
-
-.playlist-player-inner {
-  display: grid;
-  grid-template-areas:
-    "track transport tools"
-    "timeline timeline timeline";
-  grid-template-columns:
-    minmax(12rem, 1fr)
-    auto
-    minmax(10rem, 0.7fr);
-
-  align-items: center;
-  gap: 0.35rem clamp(0.65rem, 2vw, 1.5rem);
-
-  padding-block: 0.65rem;
-}
-
-
-/* =========================
-   Track information
-   ========================= */
-
-.playlist-player-track {
-  display: flex;
-  grid-area: track;
-
-  min-width: 0;
-
-  align-items: center;
-  gap: 0.65rem;
-}
-
-.playlist-player-artwork {
-  position: relative;
-
-  flex: 0 0 3.25rem;
-  overflow: hidden;
-
-  width: 3.25rem;
-  height: 3.25rem;
-
-  border-radius: 0.25rem;
-  background: #dce7e1;
-}
-
-.playlist-player-artwork img,
-.playlist-player-artwork > span {
-  position: absolute;
-  inset: 0;
-
-  width: 100%;
-  height: 100%;
-}
-
-.playlist-player-artwork img {
-  display: block;
-
-  object-fit: cover;
-  opacity: 0;
-
-  transition: opacity 0.2s ease;
-}
-
-.playlist-player-artwork img.is-loaded {
-  opacity: 1;
-}
-
-.playlist-player-artwork > span {
-  display: grid;
-  place-items: center;
-
-  color: var(--bs-success);
-  font-size: 1.35rem;
-}
-
-.playlist-player-copy {
-  min-width: 0;
-}
-
-.playlist-player-status,
-.playlist-player-title,
-.playlist-player-context {
-  overflow: hidden;
-
-  margin: 0;
-
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.playlist-player-status {
-  color: var(--bs-secondary-color);
-
-  font-size: 0.68rem;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.playlist-player-status[data-tone="playing"] {
-  color: var(--bs-success);
-}
-
-.playlist-player-status[data-tone="loading"] {
-  color: #9a6819;
-}
-
-.playlist-player-status[data-tone="error"] {
-  color: var(--bs-danger);
-}
-
-.playlist-player-title {
-  font-size: 0.95rem;
-  font-weight: 700;
-}
-
-.playlist-player-context {
-  color: var(--bs-secondary-color);
-  font-size: 0.75rem;
-}
-
-
-/* =========================
-   Buttons
-   ========================= */
-
-.playlist-player button {
-  display: inline-grid;
-  place-items: center;
-
-  flex: 0 0 auto;
-
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0;
-
-  border: 0;
-  border-radius: 50%;
-
-  background: transparent;
-  color: #34483e;
-
-  cursor: pointer;
-  line-height: 1;
-}
-
-.playlist-player button:hover:not(:disabled) {
-  background: #dce7e1;
-  color: var(--bs-success-text-emphasis);
-}
-
-.playlist-player button:disabled {
-  cursor: not-allowed;
-  opacity: 0.35;
-}
-
-.playlist-player button:focus-visible,
-.playlist-player input:focus-visible {
-  outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
-  outline-offset: 0.14rem;
-}
-
-
-/* =========================
-   Transport
-   ========================= */
-
-.playlist-player-transport {
-  display: flex;
-  grid-area: transport;
-
-  align-items: center;
-  justify-content: center;
-  gap: clamp(0.15rem, 0.8vw, 0.55rem);
-}
-
-.playlist-player .playlist-player-play {
-  width: 3rem;
-  height: 3rem;
-
-  background: var(--bs-success);
-  color: #fff;
-
-  font-size: 1.65rem;
-}
-
-.playlist-player .playlist-player-play:hover:not(:disabled) {
-  background: var(--bs-success-text-emphasis);
-  color: #fff;
-}
-
-.playlist-player .playlist-player-play > .fas {
-  font-size: 1.65rem;
-}
-
-.fa-play {
-  position: relative;
-  left: 3%;
-}
-
-
-/* =========================
-   Tools
-   ========================= */
-
-.playlist-player-tools {
-  display: flex;
-  grid-area: tools;
-
-  min-width: 0;
-
-  align-items: center;
-  justify-content: flex-end;
-  gap: clamp(0.25rem, 1vw, 0.65rem);
-}
-
-.playlist-player .playlist-player-speed {
-  width: auto;
-  min-width: 2.6rem;
-
-  padding-inline: 0.35rem;
+  --player-artwork-size: 3.25rem;
+  --player-control-size: 2.25rem;
+  --player-play-size: 3rem;
 
-  border-radius: 0.25rem;
-
-  color: var(--bs-success-text-emphasis);
-
-  font-size: 0.78rem;
-  font-weight: 700;
-}
-
-
-/* =========================
-   Volume
-   ========================= */
-
-.playlist-player-volume {
-  display: flex;
-
-  min-width: 0;
-
-  align-items: center;
-  gap: 0.2rem;
-}
-
-.playlist-player-volume input {
-  width: clamp(2.25rem, 11vw, 8rem);
-}
-
-
-/* =========================
-   Range inputs
-   ========================= */
-
-.playlist-player input[type="range"] {
-  min-width: 5rem;
-  height: 1rem;
-
-  margin: 0;
-  padding: 0;
-
-  accent-color: var(--bs-success);
-
-  cursor: pointer;
-}
-
-.playlist-player input[type="range"]:disabled {
-  cursor: wait;
-  opacity: 0.55;
-}
+  z-index: 1040;
+  border-top: 1px solid #c8c8c8;
+  background: #e0e0e0;
+  box-shadow: 0 -0.5rem 1.5rem rgba(0, 0, 0, 0.08);
 
+  &__inner {
+    display: grid;
+    grid-template-areas:
+      "track transport tools"
+      "timeline timeline timeline";
+    grid-template-columns:
+      minmax(12rem, 1fr)
+      auto
+      minmax(10rem, 0.7fr);
+    align-items: center;
+    gap: 0.35rem clamp(0.65rem, 2vw, 1.5rem);
+    padding-block: 0.65rem;
+  }
 
-/* =========================
-   Timeline
-   ========================= */
+  &__track {
+    grid-area: track;
+    min-width: 0;
+    gap: 0.65rem;
+  }
 
-.playlist-player-timeline {
-  display: grid;
-  grid-area: timeline;
-  grid-template-columns:
-    3.25rem
-    minmax(0, 1fr)
-    3.25rem;
+  &__artwork {
+    flex-basis: var(--player-artwork-size);
+    width: var(--player-artwork-size);
+    height: var(--player-artwork-size);
+    background: var(--bs-body-bg);
 
-  align-items: center;
-  gap: 0.5rem;
+    img {
+      opacity: 0;
+      transition: opacity 0.2s ease;
 
-  color: var(--bs-secondary-color);
+      &.is-loaded {
+        opacity: 1;
+      }
+    }
+  }
 
-  font-size: 0.72rem;
-  font-variant-numeric: tabular-nums;
-}
+  &__artwork-placeholder {
+    place-items: center;
+    color: var(--bs-success);
+    font-size: 1.35rem;
+  }
 
-.playlist-player-timeline input {
-  width: 100%;
-}
+  &__copy {
+    min-width: 0;
+  }
 
-.playlist-player-timeline > span:last-child {
-  text-align: right;
-}
+  &__status {
+    color: var(--bs-secondary-color);
+    font-size: 0.68rem;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
 
+    &[data-tone="playing"] {
+      color: var(--bs-success);
+    }
 
-/* =========================
-   Close button
-   ========================= */
+    &[data-tone="loading"] {
+      color: var(--bs-warning-text-emphasis);
+    }
 
-.playlist-player .close-button {
-  position: absolute;
-  top: clamp(0.5rem, 1vw, 0.7rem);
-  right: clamp(0.5rem, 1vw, 0.7rem);
+    &[data-tone="error"] {
+      color: var(--bs-danger);
+    }
+  }
 
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  &__title {
+    font-size: 0.95rem;
+    font-weight: 700;
+  }
 
-  width: clamp(1.1rem, 2.2vw, 1.5rem);
-  height: clamp(1.1rem, 2.2vw, 1.5rem);
-  padding: 0;
+  &__context {
+    font-size: 0.75rem;
+  }
 
-  border: 0;
-  border-radius: 50%;
+  &__button {
+    width: var(--player-control-size);
+    height: var(--player-control-size);
+    background: transparent;
+    color: var(--bs-success-text-emphasis);
+    cursor: pointer;
+    line-height: 1;
+
+    &:hover:not(:disabled) {
+      background: rgba(0, 0, 0, 0.07);
+      color: var(--bs-success-text-emphasis);
+    }
 
-  color: var(--bs-danger);
-  background-color: rgba(var(--bs-danger-rgb), 0.1);
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.35;
+    }
+  }
 
-  font-size: clamp(0.55rem, 1.3vw, 0.75rem);
-  line-height: 1;
+  &__button:focus-visible,
+  input:focus-visible {
+    outline: 0.16rem solid rgba(var(--bs-success-rgb), 0.35);
+    outline-offset: 0.14rem;
+  }
 
-  cursor: pointer;
+  &__transport {
+    grid-area: transport;
+    gap: clamp(0.15rem, 0.8vw, 0.55rem);
+  }
 
-  transition:
-      background-color 0.15s ease,
-      color 0.15s ease,
-      transform 0.15s ease;
-}
+  &__play {
+    width: var(--player-play-size);
+    height: var(--player-play-size);
+    background: var(--bs-success);
+    color: var(--bs-white);
+    font-size: 1.65rem;
 
-.playlist-player .close-button:hover {
-  color: var(--bs-white);
-  background-color: var(--bs-danger);
-  transform: scale(1.08);
-}
+    &:hover:not(:disabled) {
+      background: var(--bs-success-text-emphasis);
+      color: var(--bs-white);
+    }
+  }
 
-.playlist-player .close-button:active {
-  transform: scale(0.92);
-}
+  &__play-icon {
+    font-size: 1.65rem;
 
+    &.fa-play {
+      position: relative;
+      left: 3%;
+    }
+  }
 
-/* =========================
-   Tablet
-   ========================= */
+  &__tools {
+    grid-area: tools;
+    min-width: 0;
+    gap: clamp(0.25rem, 1vw, 0.65rem);
+  }
 
-@media (max-width: 767.98px) {
-  .playlist-player-inner {
-    grid-template-areas:
-      "track tools"
-      "transport transport"
-      "timeline timeline";
-    grid-template-columns: minmax(0, 1fr) auto;
+  &__speed {
+    width: auto;
+    min-width: 2.6rem;
+    padding-inline: 0.35rem;
+    color: var(--bs-success-text-emphasis);
+    font-size: 0.78rem;
+    font-weight: 700;
+  }
 
-    gap: 0.3rem 0.5rem;
+  &__volume {
+    min-width: 0;
+    gap: 0.2rem;
 
-    padding-block: 0.55rem;
+    input {
+      width: clamp(2.25rem, 11vw, 8rem);
+      min-width: 0;
+    }
   }
-}
-
 
-/* =========================
-   Mobile
-   ========================= */
+  input[type="range"] {
+    height: 1rem;
+    margin: 0;
+    padding: 0;
+    accent-color: var(--bs-success);
+    cursor: pointer;
 
-@media (max-width: 575.98px) {
-  .playlist-player-inner {
-    grid-template-areas:
-      "track track"
-      "transport tools"
-      "timeline timeline";
-    grid-template-columns: minmax(0, 1fr) auto;
+    &:disabled {
+      cursor: wait;
+      opacity: 0.55;
+    }
+  }
 
-    gap: 0.25rem 0.2rem;
+  &__timeline {
+    display: grid;
+    grid-area: timeline;
+    grid-template-columns:
+      3.25rem
+      minmax(0, 1fr)
+      3.25rem;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.72rem;
+    font-variant-numeric: tabular-nums;
+
+    input {
+      width: 100%;
+      min-width: 0;
+    }
 
-    padding-block: 0.45rem;
+    > span:last-child {
+      text-align: right;
+    }
   }
 
-  .playlist-player-artwork {
-    flex-basis: 2.75rem;
+  &__close {
+    position: absolute;
+    top: clamp(0.5rem, 1vw, 0.7rem);
+    right: clamp(0.5rem, 1vw, 0.7rem);
+    width: clamp(1.75rem, 2.2vw, 2rem);
+    height: clamp(1.75rem, 2.2vw, 2rem);
+    color: var(--bs-danger);
+    background-color: rgba(var(--bs-danger-rgb), 0.1);
+    font-size: clamp(0.55rem, 1.3vw, 0.75rem);
+    transition:
+        background-color 0.15s ease,
+        color 0.15s ease,
+        transform 0.15s ease;
+
+    &:hover {
+      color: var(--bs-white);
+      background-color: var(--bs-danger);
+      transform: scale(1.08);
+    }
 
-    width: 2.75rem;
-    height: 2.75rem;
+    &:active {
+      transform: scale(0.92);
+    }
   }
 
-  .playlist-player-context {
-    display: none;
+  @media (max-width: 767.98px) {
+    &__inner {
+      grid-template-areas:
+        "track tools"
+        "transport transport"
+        "timeline timeline";
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 0.3rem 0.5rem;
+      padding-block: 0.55rem;
+    }
   }
 
-  .playlist-player-title {
-    font-size: 0.84rem;
-  }
+  @media (max-width: 575.98px) {
+    --player-artwork-size: 2.75rem;
+    --player-control-size: 2.25rem;
+    --player-play-size: 2.75rem;
+
+    &__inner {
+      grid-template-areas:
+        "track track"
+        "transport tools"
+        "timeline timeline";
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: 0.25rem 0.2rem;
+      padding-block: 0.45rem;
+    }
 
-  .playlist-player-transport {
-    justify-content: flex-start;
-    gap: 0.1rem;
-  }
+    &__context {
+      display: none;
+    }
 
-  .playlist-player-transport button,
-  .playlist-player-volume button {
-    width: 1.85rem;
-    height: 1.85rem;
-  }
+    &__track {
+      padding-right: 2rem;
+    }
 
-  .playlist-player .playlist-player-play {
-    width: 2.6rem;
-    height: 2.6rem;
-  }
+    &__title {
+      font-size: 0.84rem;
+    }
 
-  .playlist-player-tools {
-    gap: 0;
-  }
+    &__transport {
+      gap: 0.1rem;
+    }
 
-  .playlist-player .playlist-player-speed {
-    min-width: 2.25rem;
-    height: 1.85rem;
+    &__tools {
+      gap: 0;
+    }
 
-    padding-inline: 0.15rem;
-  }
+    &__speed {
+      min-width: 2.25rem;
+      padding-inline: 0.15rem;
+    }
 
-  .playlist-player-volume {
-    gap: 0;
-  }
+    &__volume {
+      gap: 0;
 
-  .playlist-player-volume input {
-    width: clamp(2.25rem, 12vw, 3.75rem);
-  }
+      input {
+        width: clamp(2.5rem, 12vw, 3.75rem);
+      }
+    }
 
-  .playlist-player-timeline {
-    grid-template-columns:
-      max-content
-      minmax(0, 1fr)
-      max-content;
+    &__timeline {
+      grid-template-columns:
+        max-content
+        minmax(0, 1fr)
+        max-content;
+      gap: 0.2rem;
+      font-size: 0.66rem;
+    }
 
-    gap: 0.2rem;
+    input[type="range"] {
+      height: 0.8rem;
+    }
+  }
 
-    font-size: 0.66rem;
+  @media (max-width: 375px) {
+    &__inner {
+      grid-template-areas:
+        "track track"
+        "transport transport"
+        "tools tools"
+        "timeline timeline";
+    }
   }
 
-  .playlist-player input[type="range"] {
-    height: 0.8rem;
+  @media (prefers-reduced-motion: reduce) {
+    &__artwork img,
+    &__close {
+      transition: none;
+    }
   }
 }
+
+:global(body.has-podcast-player .back-to-top) {
+  bottom: calc(var(--podcast-player-height, 0px) + 1rem);
+}
+
+:global(body.has-podcast-player > footer) {
+  flex-shrink: 0;
+  padding-bottom: calc(var(--podcast-player-height, 0px) + 20px);
+}
 </style>

From c48edcc538f17e5e4a977fda0baf03ed33562ef5 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 30 Oct 2026 14:42:03 +0100
Subject: [PATCH 26/28] DBT-422 standardize code formatting

---
 src/main/podcast/package.json                 |   3 +-
 src/main/podcast/src/App.vue                  |   6 +-
 .../podcast/src/components/EmptyState.vue     |  20 +-
 .../podcast/src/components/ErrorState.vue     |   4 +-
 .../podcast/src/components/LoadingState.vue   |   4 +-
 src/main/podcast/src/components/Player.vue    | 291 ++++++++--------
 .../src/components/PlaylistEpisode.vue        |  58 ++--
 .../podcast/src/components/PlaylistHeader.vue | 110 +++---
 .../podcast/src/components/PodcastFilter.vue  | 118 +++----
 .../podcast/src/components/PodcastList.vue    | 265 +++++++-------
 .../podcast/src/components/PodcastsHero.vue   |   6 +-
 src/main/podcast/src/env.d.ts                 |  14 +-
 src/main/podcast/src/i18n/index.ts            |  70 ++--
 src/main/podcast/src/i18n/properties.ts       | 246 +++++++------
 src/main/podcast/src/index.ts                 |  44 ++-
 src/main/podcast/src/router/router.ts         |  60 ++--
 src/main/podcast/src/stores/player.ts         | 240 ++++++-------
 src/main/podcast/src/types/types.ts           | 164 ++++-----
 src/main/podcast/src/utils/XMLParser.ts       | 325 +++++-------------
 src/main/podcast/src/utils/applicationUrl.ts  |  25 +-
 src/main/podcast/src/utils/languageLinks.ts   |  28 +-
 src/main/podcast/src/utils/podcastCategory.ts |  18 +-
 src/main/podcast/src/utils/requestReceive.ts  |  30 +-
 src/main/podcast/src/utils/requestSolr.ts     |  20 +-
 src/main/podcast/src/views/NotFound.vue       |   8 +-
 src/main/podcast/src/views/Playlist.vue       | 116 +++----
 src/main/podcast/src/views/Podcasts.vue       |   7 +-
 27 files changed, 993 insertions(+), 1307 deletions(-)

diff --git a/src/main/podcast/package.json b/src/main/podcast/package.json
index ba8aa54c..29e6307b 100644
--- a/src/main/podcast/package.json
+++ b/src/main/podcast/package.json
@@ -5,8 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
+    "build": "vue-tsc -b && vite build"
   },
   "dependencies": {
     "dompurify": "^3.4.17",
diff --git a/src/main/podcast/src/App.vue b/src/main/podcast/src/App.vue
index b43021d3..b7c3fb26 100644
--- a/src/main/podcast/src/App.vue
+++ b/src/main/podcast/src/App.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import Player from './components/Player.vue'
-import { usePlayerStore } from './stores/player'
+import Player from './components/Player.vue';
+import { usePlayerStore } from './stores/player';
 
-const playerStore = usePlayerStore()
+const playerStore = usePlayerStore();
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/EmptyState.vue b/src/main/podcast/src/components/EmptyState.vue
index b637d1f5..597fb061 100644
--- a/src/main/podcast/src/components/EmptyState.vue
+++ b/src/main/podcast/src/components/EmptyState.vue
@@ -1,20 +1,16 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-  title?: string
-  description?: string
-}>()
+  title?: string;
+  description?: string;
+}>();
 
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: 'global' });
 
-const stateTitle = computed(() =>
-    props.title ?? t('podcast.state.empty.title')
-)
-const stateDescription = computed(() =>
-    props.description ?? t('podcast.state.empty.description')
-)
+const stateTitle = computed(() => props.title ?? t('podcast.state.empty.title'));
+const stateDescription = computed(() => props.description ?? t('podcast.state.empty.description'));
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/ErrorState.vue b/src/main/podcast/src/components/ErrorState.vue
index 150269f0..396c6023 100644
--- a/src/main/podcast/src/components/ErrorState.vue
+++ b/src/main/podcast/src/components/ErrorState.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
+import { useI18n } from 'vue-i18n';
 
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: 'global' });
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/LoadingState.vue b/src/main/podcast/src/components/LoadingState.vue
index ef369fd9..a422b9c7 100644
--- a/src/main/podcast/src/components/LoadingState.vue
+++ b/src/main/podcast/src/components/LoadingState.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
+import { useI18n } from 'vue-i18n';
 
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: 'global' });
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index 0bb33608..e1773b22 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -1,278 +1,265 @@
 <script setup lang="ts">
-import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { usePlayerStore } from '../stores/player'
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { usePlayerStore } from '../stores/player';
 
-const playerStore = usePlayerStore()
-const { t } = useI18n({ useScope: 'global' })
+const playerStore = usePlayerStore();
+const { t } = useI18n({ useScope: 'global' });
 
-const audioElement = ref<HTMLAudioElement | null>(null)
-const playerElement = ref<HTMLElement | null>(null)
+const audioElement = ref<HTMLAudioElement | null>(null);
+const playerElement = ref<HTMLElement | null>(null);
 
-let playerResizeObserver: ResizeObserver | null = null
+let playerResizeObserver: ResizeObserver | null = null;
 
-const isLoading = ref(false)
-const audioError = ref(false)
-const loadedEpisodeGuid = ref<string | null>(null)
-const loadedEpisodeUrl = ref<string | null>(null)
+const isLoading = ref(false);
+const audioError = ref(false);
+const loadedEpisodeGuid = ref<string | null>(null);
+const loadedEpisodeUrl = ref<string | null>(null);
 
-const imageLoaded = ref(false)
-const imageError = ref(false)
+const imageLoaded = ref(false);
+const imageError = ref(false);
 
-const speedIndex = ref(1)
-const speeds = [0.75, 1, 1.25, 1.5, 2]
+const speedIndex = ref(1);
+const speeds = [0.75, 1, 1.25, 1.5, 2];
 
-const volume = ref(1)
-const previousVolume = ref(1)
-const isMuted = ref(false)
+const volume = ref(1);
+const previousVolume = ref(1);
+const isMuted = ref(false);
 
 watch(
-    () => playerStore.episode,
+  () => playerStore.episode,
 
-    async episode => {
-      if (!episode) {
-        return
-      }
-
-      imageLoaded.value = false
-      imageError.value = false
+  async (episode) => {
+    if (!episode) {
+      return;
+    }
 
-      audioError.value = false
-      isLoading.value = true
+    imageLoaded.value = false;
+    imageError.value = false;
 
-      playerStore.currentTime = 0
-      playerStore.duration = 0
+    audioError.value = false;
+    isLoading.value = true;
 
-      await nextTick()
+    playerStore.currentTime = 0;
+    playerStore.duration = 0;
 
-      const audio = audioElement.value
+    await nextTick();
 
-      if (!audio || episode !== playerStore.episode) {
-        return
-      }
+    const audio = audioElement.value;
 
-      loadedEpisodeGuid.value = episode.guid
-      loadedEpisodeUrl.value = episode.audioUrl
-      audio.src = episode.audioUrl
-      audio.load()
+    if (!audio || episode !== playerStore.episode) {
+      return;
+    }
 
-      audio.playbackRate = speeds[speedIndex.value]
-      audio.volume = volume.value
-      audio.muted = isMuted.value
+    loadedEpisodeGuid.value = episode.guid;
+    loadedEpisodeUrl.value = episode.audioUrl;
+    audio.src = episode.audioUrl;
+    audio.load();
 
-      const request = playerStore.playbackRequest
+    audio.playbackRate = speeds[speedIndex.value];
+    audio.volume = volume.value;
+    audio.muted = isMuted.value;
 
-      if (request.command === 'play') {
-        await playAudio(episode, request.id)
-      }
-    },
+    const request = playerStore.playbackRequest;
 
-    {
-      immediate: true,
+    if (request.command === 'play') {
+      await playAudio(episode, request.id);
     }
-)
+  },
+
+  {
+    immediate: true,
+  },
+);
 
 watch(
-    () => playerStore.playbackRequest,
-    request => {
-      const audio = audioElement.value
-
-      if (!audio) return
-
-      if (request.command === 'play') {
-        const episode = playerStore.episode
-
-        if (
-            episode &&
-            loadedEpisodeGuid.value === episode.guid &&
-            loadedEpisodeUrl.value === episode.audioUrl
-        ) {
-          void playAudio(episode, request.id)
-        }
-      } else {
-        audio.pause()
+  () => playerStore.playbackRequest,
+  (request) => {
+    const audio = audioElement.value;
+
+    if (!audio) return;
+
+    if (request.command === 'play') {
+      const episode = playerStore.episode;
+
+      if (
+        episode &&
+        loadedEpisodeGuid.value === episode.guid &&
+        loadedEpisodeUrl.value === episode.audioUrl
+      ) {
+        void playAudio(episode, request.id);
       }
-    },
-    {
-      flush: 'sync',
+    } else {
+      audio.pause();
     }
-)
+  },
+  {
+    flush: 'sync',
+  },
+);
 
 function isPlaybackError(error: unknown, name: string): boolean {
-  return (
-      typeof error === 'object' &&
-      error !== null &&
-      'name' in error &&
-      error.name === name
-  )
+  return typeof error === 'object' && error !== null && 'name' in error && error.name === name;
 }
 
 async function playAudio(
-    episode: NonNullable<typeof playerStore.episode>,
-    requestId: number
+  episode: NonNullable<typeof playerStore.episode>,
+  requestId: number,
 ): Promise<void> {
-  const audio = audioElement.value
+  const audio = audioElement.value;
 
-  if (!audio) return
+  if (!audio) return;
 
   try {
-    await audio.play()
+    await audio.play();
   } catch (error) {
     if (
-        episode !== playerStore.episode ||
-        requestId !== playerStore.playbackRequest.id ||
-        isPlaybackError(error, 'AbortError')
+      episode !== playerStore.episode ||
+      requestId !== playerStore.playbackRequest.id ||
+      isPlaybackError(error, 'AbortError')
     ) {
-      return
+      return;
     }
 
-    isLoading.value = false
-    playerStore.requestPause()
+    isLoading.value = false;
+    playerStore.requestPause();
 
     if (isPlaybackError(error, 'NotAllowedError')) {
-      return
+      return;
     }
 
-    console.error('Error playing audio:', error)
-    audioError.value = true
+    console.error('Error playing audio:', error);
+    audioError.value = true;
   }
 }
 
 function skipBackward15(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  audioElement.value.currentTime =
-      Math.max(0, audioElement.value.currentTime - 15)
+  audioElement.value.currentTime = Math.max(0, audioElement.value.currentTime - 15);
 }
 
 function skipForward15(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  audioElement.value.currentTime =
-      Math.min(
-          audioElement.value.duration || Infinity,
-          audioElement.value.currentTime + 15
-      )
+  audioElement.value.currentTime = Math.min(
+    audioElement.value.duration || Infinity,
+    audioElement.value.currentTime + 15,
+  );
 }
 
 function setSpeed(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  speedIndex.value++
+  speedIndex.value++;
 
   if (speedIndex.value >= speeds.length) {
-    speedIndex.value = 0
+    speedIndex.value = 0;
   }
 
-  audioElement.value.playbackRate =
-      speeds[speedIndex.value]
+  audioElement.value.playbackRate = speeds[speedIndex.value];
 }
 
 function toggleMute(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
   if (isMuted.value) {
-    isMuted.value = false
+    isMuted.value = false;
 
-    volume.value = previousVolume.value
+    volume.value = previousVolume.value;
 
-    audioElement.value.muted = false
-    audioElement.value.volume = volume.value
+    audioElement.value.muted = false;
+    audioElement.value.volume = volume.value;
   } else {
     if (volume.value > 0) {
-      previousVolume.value = volume.value
+      previousVolume.value = volume.value;
     }
 
-    volume.value = 0
-    isMuted.value = true
+    volume.value = 0;
+    isMuted.value = true;
 
-    audioElement.value.muted = true
+    audioElement.value.muted = true;
   }
 }
 
 function setVolume(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  audioElement.value.volume = volume.value
+  audioElement.value.volume = volume.value;
 
   if (volume.value > 0) {
-    previousVolume.value = volume.value
+    previousVolume.value = volume.value;
 
-    isMuted.value = false
-    audioElement.value.muted = false
+    isMuted.value = false;
+    audioElement.value.muted = false;
   } else {
-    isMuted.value = true
-    audioElement.value.muted = true
+    isMuted.value = true;
+    audioElement.value.muted = true;
   }
 }
 
 function seekAudio(event: Event): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  const input = event.target as HTMLInputElement
+  const input = event.target as HTMLInputElement;
 
-  audioElement.value.currentTime =
-      Number(input.value)
+  audioElement.value.currentTime = Number(input.value);
 }
 
 function handleTimeUpdate(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  playerStore. currentTime = audioElement.value.currentTime
+  playerStore.currentTime = audioElement.value.currentTime;
 }
 
 function handleLoadedMetadata(): void {
   if (!audioElement.value) {
-    return
+    return;
   }
 
-  playerStore.duration =
-      audioElement.value.duration
+  playerStore.duration = audioElement.value.duration;
 }
 
 function handleEnded(): void {
-  playerStore.isPlaying = false
-  playerStore.requestPause()
+  playerStore.isPlaying = false;
+  playerStore.requestPause();
 }
 
 onMounted(() => {
-  const player = playerElement.value
+  const player = playerElement.value;
 
-  if (!player) return
+  if (!player) return;
 
   const updatePlayerHeight = (): void => {
-    document.body.style.setProperty(
-        '--podcast-player-height',
-        `${player.offsetHeight}px`
-    )
-  }
+    document.body.style.setProperty('--podcast-player-height', `${player.offsetHeight}px`);
+  };
 
-  document.body.classList.add('has-podcast-player')
-  updatePlayerHeight()
+  document.body.classList.add('has-podcast-player');
+  updatePlayerHeight();
 
-  playerResizeObserver = new ResizeObserver(updatePlayerHeight)
-  playerResizeObserver.observe(player)
-})
+  playerResizeObserver = new ResizeObserver(updatePlayerHeight);
+  playerResizeObserver.observe(player);
+});
 
 onUnmounted(() => {
-  playerResizeObserver?.disconnect()
-  document.body.classList.remove('has-podcast-player')
-  document.body.style.removeProperty('--podcast-player-height')
-})
+  playerResizeObserver?.disconnect();
+  document.body.classList.remove('has-podcast-player');
+  document.body.style.removeProperty('--podcast-player-height');
+});
 </script>
 
 <template>
@@ -765,8 +752,8 @@ onUnmounted(() => {
     position: absolute;
     top: clamp(0.5rem, 1vw, 0.7rem);
     right: clamp(0.5rem, 1vw, 0.7rem);
-    width: clamp(1.75rem, 2.2vw, 2rem);
-    height: clamp(1.75rem, 2.2vw, 2rem);
+    width: clamp(1rem, 1.2vw, 1.25rem);
+    height: clamp(1rem, 1.2vw, 1.25rem);
     color: var(--bs-danger);
     background-color: rgba(var(--bs-danger-rgb), 0.1);
     font-size: clamp(0.55rem, 1.3vw, 0.75rem);
diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index f25f334e..3364af08 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -1,64 +1,58 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
-import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts'
-import { usePlayerStore } from '../stores/player.ts'
+import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts';
+import { usePlayerStore } from '../stores/player.ts';
 
-const playerStore = usePlayerStore()
-const { locale, t } = useI18n({ useScope: 'global' })
+const playerStore = usePlayerStore();
+const { locale, t } = useI18n({ useScope: 'global' });
 
 const props = defineProps<{
-  playlistMetadata: PodcastPlaylist
-}>()
+  playlistMetadata: PodcastPlaylist;
+}>();
 
-const openEpisodeGuid = ref<string | null>(null)
+const openEpisodeGuid = ref<string | null>(null);
 
 function isCurrentEpisode(episode: PodcastEpisode): boolean {
-  return playerStore.episode?.guid === episode.guid
+  return playerStore.episode?.guid === episode.guid;
 }
 
 function buildPlayer(episode: PodcastEpisode): void {
-  playerStore.setPlaylist(
-      props.playlistMetadata.episodes,
-      props.playlistMetadata.title
-  )
+  playerStore.setPlaylist(props.playlistMetadata.episodes, props.playlistMetadata.title);
 
-  playerStore.toggleEpisode(episode)
+  playerStore.toggleEpisode(episode);
 }
 
 function formatDate(value: string): string {
-  const date = new Date(value)
+  const date = new Date(value);
 
   if (Number.isNaN(date.getTime())) {
-    return ''
+    return '';
   }
 
   return new Intl.DateTimeFormat(locale.value, {
     day: '2-digit',
     month: 'long',
     year: 'numeric',
-  }).format(date)
+  }).format(date);
 }
 
 function toggleEpisodeDetails(guid: string): void {
-  openEpisodeGuid.value =
-      openEpisodeGuid.value === guid
-          ? null
-          : guid
+  openEpisodeGuid.value = openEpisodeGuid.value === guid ? null : guid;
 }
 
 watch(
-    () => playerStore.episode?.guid,
-    guid => {
-      if (!guid) return
-
-      openEpisodeGuid.value = guid
-    },
-    {
-      immediate: true,
-    }
-)
+  () => playerStore.episode?.guid,
+  (guid) => {
+    if (!guid) return;
+
+    openEpisodeGuid.value = guid;
+  },
+  {
+    immediate: true,
+  },
+);
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index e6c66d49..8bc10f70 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -1,116 +1,106 @@
 <script setup lang="ts">
-import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import type {PodcastEpisode, PodcastPlaylist} from '../types/types.ts'
-import { usePlayerStore } from '../stores/player.ts'
-import podcastCategoryValue from '../utils/podcastCategory.ts'
+import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts';
+import { usePlayerStore } from '../stores/player.ts';
+import podcastCategoryValue from '../utils/podcastCategory.ts';
 
-const playerStore = usePlayerStore()
-const { t, te } = useI18n({ useScope: 'global' })
+const playerStore = usePlayerStore();
+const { t, te } = useI18n({ useScope: 'global' });
 
 const props = defineProps<{
-  playlistMetadata: PodcastPlaylist
-}>()
+  playlistMetadata: PodcastPlaylist;
+}>();
 
 const lastEpisode = computed<PodcastEpisode | null>(() => {
-  const episodes = props.playlistMetadata.episodes
+  const episodes = props.playlistMetadata.episodes;
 
-  return episodes.length > 0
-      ? episodes[episodes.length - 1]
-      : null
-})
+  return episodes.length > 0 ? episodes[episodes.length - 1] : null;
+});
 
-const imageError = ref(false)
-const imageLoaded = ref(false)
-const isDescriptionExpanded = ref(false)
-const isDescriptionOverflowing = ref(false)
+const imageError = ref(false);
+const imageLoaded = ref(false);
+const isDescriptionExpanded = ref(false);
+const isDescriptionOverflowing = ref(false);
 
-const descriptionElement = ref<HTMLElement | null>(null)
-let descriptionResizeObserver: ResizeObserver | null = null
+const descriptionElement = ref<HTMLElement | null>(null);
+let descriptionResizeObserver: ResizeObserver | null = null;
 
 function categoryLabel(category: string): string {
-  const value = podcastCategoryValue(category)
-  const key = value && `podcast.categories.${value}`
+  const value = podcastCategoryValue(category);
+  const key = value && `podcast.categories.${value}`;
 
-  return key && te(key) ? t(key) : category
+  return key && te(key) ? t(key) : category;
 }
 
 function handleImageLoad(): void {
-  imageLoaded.value = true
-  imageError.value = false
+  imageLoaded.value = true;
+  imageError.value = false;
 }
 
 function handleImageError(): void {
-  imageLoaded.value = false
-  imageError.value = true
+  imageLoaded.value = false;
+  imageError.value = true;
 }
 
 function toggleDescription(): void {
-  isDescriptionExpanded.value = !isDescriptionExpanded.value
+  isDescriptionExpanded.value = !isDescriptionExpanded.value;
 }
 
 function checkDescriptionOverflow(): void {
-  const element = descriptionElement.value
+  const element = descriptionElement.value;
 
   if (!element) {
-    return
+    return;
   }
 
-  isDescriptionOverflowing.value =
-      element.scrollHeight > element.clientHeight
+  isDescriptionOverflowing.value = element.scrollHeight > element.clientHeight;
 }
 
 async function scrollToEpisode(episode: PodcastEpisode): Promise<void> {
-  await nextTick()
+  await nextTick();
 
   const episodeIndex = props.playlistMetadata.episodes.findIndex(
-      item => item.guid === episode.guid
-  )
+    (item) => item.guid === episode.guid,
+  );
 
   if (episodeIndex < 0) {
-    return
+    return;
   }
 
   requestAnimationFrame(() => {
-    document
-        .getElementById(`episode-item-${episodeIndex}`)
-        ?.scrollIntoView({
-          behavior: 'smooth',
-          block: 'start',
-        })
-  })
+    document.getElementById(`episode-item-${episodeIndex}`)?.scrollIntoView({
+      behavior: 'smooth',
+      block: 'start',
+    });
+  });
 }
 
 async function buildPlayer(episode: PodcastEpisode): Promise<void> {
-  playerStore.setPlaylist(
-      props.playlistMetadata.episodes,
-      props.playlistMetadata.title
-  )
+  playerStore.setPlaylist(props.playlistMetadata.episodes, props.playlistMetadata.title);
 
-  playerStore.selectEpisode(episode)
-  await scrollToEpisode(episode)
+  playerStore.selectEpisode(episode);
+  await scrollToEpisode(episode);
 }
 
 onMounted(async () => {
-  await nextTick()
+  await nextTick();
 
-  const element = descriptionElement.value
+  const element = descriptionElement.value;
 
   if (!element) {
-    return
+    return;
   }
 
-  descriptionResizeObserver = new ResizeObserver(
-      checkDescriptionOverflow
-  )
-  descriptionResizeObserver.observe(element)
+  descriptionResizeObserver = new ResizeObserver(checkDescriptionOverflow);
+  descriptionResizeObserver.observe(element);
 
-  checkDescriptionOverflow()
-})
+  checkDescriptionOverflow();
+});
 
 onUnmounted(() => {
-  descriptionResizeObserver?.disconnect()
-})
+  descriptionResizeObserver?.disconnect();
+});
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/PodcastFilter.vue b/src/main/podcast/src/components/PodcastFilter.vue
index 1bd9b71a..9ba3cda3 100644
--- a/src/main/podcast/src/components/PodcastFilter.vue
+++ b/src/main/podcast/src/components/PodcastFilter.vue
@@ -1,108 +1,96 @@
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
-import itunesPodcastCategories from '../data/podcast-categories.json'
-
-const route = useRoute()
-const router = useRouter()
-const { t } = useI18n({ useScope: 'global' })
-const search = ref('')
-const category = ref('')
-const subCategory = ref('')
-const sort = ref('created desc')
+import { ref, computed, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import itunesPodcastCategories from '../data/podcast-categories.json';
+
+const route = useRoute();
+const router = useRouter();
+const { t } = useI18n({ useScope: 'global' });
+const search = ref('');
+const category = ref('');
+const subCategory = ref('');
+const sort = ref('created desc');
 const selectedSubcategories = computed(() => {
-  const selectedCategory = itunesPodcastCategories.find(item => item.value === category.value)
+  const selectedCategory = itunesPodcastCategories.find((item) => item.value === category.value);
 
-  return selectedCategory?.subcategories ?? []
-})
+  return selectedCategory?.subcategories ?? [];
+});
 
 function categoryLabel(value: string): string {
-  return t(`podcast.categories.${value}`)
+  return t(`podcast.categories.${value}`);
 }
 
 function queryValue(value: unknown): string {
-  return typeof value === 'string' ? value : ''
+  return typeof value === 'string' ? value : '';
 }
 
 function syncFiltersFromRoute(): void {
-  search.value = queryValue(route.query.condQuery)
-  sort.value = ['created asc', 'created desc'].includes(
-      queryValue(route.query.sort)
-  )
-      ? queryValue(route.query.sort)
-      : 'created desc'
+  search.value = queryValue(route.query.condQuery);
+  sort.value = ['created asc', 'created desc'].includes(queryValue(route.query.sort))
+    ? queryValue(route.query.sort)
+    : 'created desc';
 
-  category.value = ''
-  subCategory.value = ''
+  category.value = '';
+  subCategory.value = '';
 
-  const filter = queryValue(route.query.fq)
-  const categoryMatch = filter.match(
-      /^category:"itunes-podcast:([^"]+)"$/
-  )
+  const filter = queryValue(route.query.fq);
+  const categoryMatch = filter.match(/^category:"itunes-podcast:([^"]+)"$/);
 
   if (!categoryMatch) {
-    return
+    return;
   }
 
-  const selectedValue = categoryMatch[1]
-  const parentCategory = itunesPodcastCategories.find(item =>
-      item.value === selectedValue ||
-      item.subcategories.some(sub => sub.value === selectedValue)
-  )
+  const selectedValue = categoryMatch[1];
+  const parentCategory = itunesPodcastCategories.find(
+    (item) =>
+      item.value === selectedValue || item.subcategories.some((sub) => sub.value === selectedValue),
+  );
 
   if (!parentCategory) {
-    return
+    return;
   }
 
-  category.value = parentCategory.value
+  category.value = parentCategory.value;
 
   if (parentCategory.value !== selectedValue) {
-    subCategory.value = selectedValue
+    subCategory.value = selectedValue;
   }
 }
 
-
-watch(
-    category,
-    () => {
-      subCategory.value = ''
-    },
-    { flush: 'sync' }
-)
-
 watch(
-    () => route.query,
-    syncFiltersFromRoute,
-    {
-      immediate: true,
-      deep: true,
-    }
-)
+  category,
+  () => {
+    subCategory.value = '';
+  },
+  { flush: 'sync' },
+);
+
+watch(() => route.query, syncFiltersFromRoute, {
+  immediate: true,
+  deep: true,
+});
 
 const handleSubmit = () => {
-  const query: Record<string, string> = {}
+  const query: Record<string, string> = {};
 
   if (search.value) {
-    query.condQuery = search.value
+    query.condQuery = search.value;
   }
 
   if (subCategory.value) {
-    query.fq = `category:"itunes-podcast:${subCategory.value}"`
-  }
-  else if (category.value) {
-    query.fq =  `category:"itunes-podcast:${category.value}"`
+    query.fq = `category:"itunes-podcast:${subCategory.value}"`;
+  } else if (category.value) {
+    query.fq = `category:"itunes-podcast:${category.value}"`;
   }
 
-
-  query.sort = sort.value
+  query.sort = sort.value;
 
   router.push({
     name: 'podcasts',
     query,
-  })
-}
-
+  });
+};
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/PodcastList.vue b/src/main/podcast/src/components/PodcastList.vue
index ec65be77..e19fd1d9 100644
--- a/src/main/podcast/src/components/PodcastList.vue
+++ b/src/main/podcast/src/components/PodcastList.vue
@@ -1,254 +1,222 @@
 <script setup lang="ts">
-import {computed, ref, watch} from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
-
-import requestSolr from '../utils/requestSolr.ts'
-import applicationUrl from '../utils/applicationUrl.ts'
-import podcastCategoryValue from '../utils/podcastCategory.ts'
-import type { SolrDocument, SolrResponse } from '../types/types.ts'
-import LoadingState from "./LoadingState.vue";
-import ErrorState from "./ErrorState.vue";
-import EmptyState from "./EmptyState.vue";
-
-const allowedSortValues = new Set([
-  'created asc',
-  'created desc',
-])
-
-const itunesCategoryFilterPattern =
-    /^category:"itunes-podcast:[^"]+"$/
-
-const route = useRoute()
-const router = useRouter()
-const { t, te } = useI18n({ useScope: 'global' })
-
-const podcastMetadata = ref<SolrResponse | null>(null)
-let requestSequence = 0
-
-const totalItems = ref(0)
-const itemsPerPage = ref(20)
+import { computed, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import requestSolr from '../utils/requestSolr.ts';
+import applicationUrl from '../utils/applicationUrl.ts';
+import podcastCategoryValue from '../utils/podcastCategory.ts';
+import type { SolrDocument, SolrResponse } from '../types/types.ts';
+import LoadingState from './LoadingState.vue';
+import ErrorState from './ErrorState.vue';
+import EmptyState from './EmptyState.vue';
+
+const allowedSortValues = new Set(['created asc', 'created desc']);
+
+const itunesCategoryFilterPattern = /^category:"itunes-podcast:[^"]+"$/;
+
+const route = useRoute();
+const router = useRouter();
+const { t, te } = useI18n({ useScope: 'global' });
+
+const podcastMetadata = ref<SolrResponse | null>(null);
+let requestSequence = 0;
+
+const totalItems = ref(0);
+const itemsPerPage = ref(20);
 const currentPage = computed(() => {
-  const pageQuery = route.query.page
+  const pageQuery = route.query.page;
 
-  if (
-      typeof pageQuery !== 'string' ||
-      !/^[1-9]\d*$/.test(pageQuery)
-  ) {
-    return 1
+  if (typeof pageQuery !== 'string' || !/^[1-9]\d*$/.test(pageQuery)) {
+    return 1;
   }
 
-  const page = Number(pageQuery)
+  const page = Number(pageQuery);
 
-  return Number.isSafeInteger(page)
-      ? page
-      : 1
-})
+  return Number.isSafeInteger(page) ? page : 1;
+});
 
-const isLoading = ref(false)
-const isError = ref(false)
+const isLoading = ref(false);
+const isError = ref(false);
 
-const coverErrors = ref<Record<string, boolean>>({})
-const coverLoaded = ref<Record<string, boolean>>({})
+const coverErrors = ref<Record<string, boolean>>({});
+const coverLoaded = ref<Record<string, boolean>>({});
 
-const totalPages = computed(() =>
-    Math.ceil(totalItems.value / itemsPerPage.value)
-)
+const totalPages = computed(() => Math.ceil(totalItems.value / itemsPerPage.value));
 
 const visiblePages = computed<(number | string)[]>(() => {
-  const pages: (number | string)[] = []
+  const pages: (number | string)[] = [];
 
-  const total = totalPages.value
-  const current = currentPage.value
+  const total = totalPages.value;
+  const current = currentPage.value;
 
   if (total <= 7) {
     for (let page = 1; page <= total; page++) {
-      pages.push(page)
+      pages.push(page);
     }
 
-    return pages
+    return pages;
   }
 
-  pages.push(1)
+  pages.push(1);
 
-  const start = Math.max(2, current - 2)
-  const end = Math.min(total - 1, current + 2)
+  const start = Math.max(2, current - 2);
+  const end = Math.min(total - 1, current + 2);
 
   if (start === 3) {
-    pages.push(2)
+    pages.push(2);
   } else if (start > 3) {
-    pages.push('...')
+    pages.push('...');
   }
 
   for (let page = start; page <= end; page++) {
-    pages.push(page)
+    pages.push(page);
   }
 
   if (end === total - 2) {
-    pages.push(total - 1)
+    pages.push(total - 1);
   } else if (end < total - 2) {
-    pages.push('...')
+    pages.push('...');
   }
 
-  pages.push(total)
+  pages.push(total);
 
-  return pages
-})
+  return pages;
+});
 
 function createParams(): URLSearchParams {
-  const params = new URLSearchParams()
+  const params = new URLSearchParams();
 
-  params.append('fq', 'mods.genre:podcast')
-  params.set('wt', 'json')
+  params.append('fq', 'mods.genre:podcast');
+  params.set('wt', 'json');
 
-  params.set('rows', `${itemsPerPage.value}`)
+  params.set('rows', `${itemsPerPage.value}`);
 
-  params.set(
-      'start',
-      `${(currentPage.value - 1) * itemsPerPage.value}`
-  )
+  params.set('start', `${(currentPage.value - 1) * itemsPerPage.value}`);
 
-  const conditionalQuery = route.query.condQuery
+  const conditionalQuery = route.query.condQuery;
 
   if (typeof conditionalQuery === 'string') {
-    params.set('condQuery', conditionalQuery)
+    params.set('condQuery', conditionalQuery);
   }
 
-  const categoryFilter = route.query.fq
+  const categoryFilter = route.query.fq;
 
-  if (
-      typeof categoryFilter === 'string' &&
-      itunesCategoryFilterPattern.test(categoryFilter)
-  ) {
-    params.append('fq', categoryFilter)
+  if (typeof categoryFilter === 'string' && itunesCategoryFilterPattern.test(categoryFilter)) {
+    params.append('fq', categoryFilter);
   }
 
-  const sort = route.query.sort
+  const sort = route.query.sort;
 
-  if (
-      typeof sort === 'string' &&
-      allowedSortValues.has(sort)
-  ) {
-    params.set('sort', sort)
+  if (typeof sort === 'string' && allowedSortValues.has(sort)) {
+    params.set('sort', sort);
   }
 
-  return params
+  return params;
 }
 
 function getItunesCategories(podcast: SolrDocument): string[] {
   const itunesCategories =
-      podcast['category.top']
-          ?.filter(category =>
-              category.startsWith('itunes-podcast:')
-          )
-          .map(category => category.replace('itunes-podcast:', ''))
-          .map(category => {
-            const value = podcastCategoryValue(category)
-            const key = value && `podcast.categories.${value}`
+    podcast['category.top']
+      ?.filter((category) => category.startsWith('itunes-podcast:'))
+      .map((category) => category.replace('itunes-podcast:', ''))
+      .map((category) => {
+        const value = podcastCategoryValue(category);
+        const key = value && `podcast.categories.${value}`;
 
-            return key && te(key)
-                ? t(key)
-                : category.replaceAll('_', ' ')
-          }) ?? []
+        return key && te(key) ? t(key) : category.replaceAll('_', ' ');
+      }) ?? [];
 
   if (itunesCategories.length === 0) {
-    return [t('podcast.list.uncategorized')]
+    return [t('podcast.list.uncategorized')];
   }
 
-  return itunesCategories
+  return itunesCategories;
 }
 
 function getPodcastTitle(podcast: SolrDocument): string {
-  return podcast['mods.title']?.[0] ?? t('podcast.list.untitled')
+  return podcast['mods.title']?.[0] ?? t('podcast.list.untitled');
 }
 
 function getPodcastAuthors(podcast: SolrDocument): string {
-  return podcast['mods.author']?.join(', ') ?? ''
+  return podcast['mods.author']?.join(', ') ?? '';
 }
 
 function getCoverUrl(podcast: SolrDocument): string {
   return applicationUrl(
-      `api/iiif/image/v2/thumbnail/${encodeURIComponent(podcast.id)}/full/!300,300/0/default.jpg`
-  )
+    `api/iiif/image/v2/thumbnail/${encodeURIComponent(podcast.id)}/full/!300,300/0/default.jpg`,
+  );
 }
 
 function handleCoverLoad(podcastId: string): void {
-  coverLoaded.value[podcastId] = true
-  coverErrors.value[podcastId] = false
+  coverLoaded.value[podcastId] = true;
+  coverErrors.value[podcastId] = false;
 }
 
 function handleCoverError(podcastId: string): void {
-  coverLoaded.value[podcastId] = false
-  coverErrors.value[podcastId] = true
+  coverLoaded.value[podcastId] = false;
+  coverErrors.value[podcastId] = true;
 }
 
 function scrollToTop(): void {
   window.scrollTo({
     top: 0,
-    behavior: 'smooth'
-  })
+    behavior: 'smooth',
+  });
 }
 
 async function searchPodcasts(): Promise<void> {
-  const requestId = ++requestSequence
+  const requestId = ++requestSequence;
 
-  isLoading.value = true
-  isError.value = false
+  isLoading.value = true;
+  isError.value = false;
 
-  const params = createParams()
+  const params = createParams();
 
   try {
-    const response = await requestSolr(params)
+    const response = await requestSolr(params);
 
     if (requestId !== requestSequence) {
-      return
+      return;
     }
 
-    podcastMetadata.value = JSON.parse(response) as SolrResponse
+    podcastMetadata.value = JSON.parse(response) as SolrResponse;
 
-    totalItems.value =
-        podcastMetadata.value.response.numFound
+    totalItems.value = podcastMetadata.value.response.numFound;
 
-    coverErrors.value = {}
-    coverLoaded.value = {}
+    coverErrors.value = {};
+    coverLoaded.value = {};
 
     /*
      * Falls sich durch Filter die Anzahl der Seiten verkleinert
      * und currentPage nicht mehr existiert.
      */
-    if (
-        totalPages.value > 0 &&
-        currentPage.value > totalPages.value
-    ) {
+    if (totalPages.value > 0 && currentPage.value > totalPages.value) {
       await router.replace({
         query: {
           ...route.query,
           page: `${totalPages.value}`,
         },
-      })
+      });
     }
   } catch (err) {
     if (requestId !== requestSequence) {
-      return
+      return;
     }
 
-    podcastMetadata.value = null
-    console.error('Podcasts konnten nicht geladen werden:', err)
-    isError.value = true
+    podcastMetadata.value = null;
+    console.error('Podcasts konnten nicht geladen werden:', err);
+    isError.value = true;
   } finally {
     if (requestId === requestSequence) {
-      isLoading.value = false
+      isLoading.value = false;
     }
   }
 }
 
 async function setPage(page: number): Promise<void> {
-  if (
-      page < 1 ||
-      page > totalPages.value ||
-      page === currentPage.value
-  ) {
-    return
+  if (page < 1 || page > totalPages.value || page === currentPage.value) {
+    return;
   }
 
   await router.push({
@@ -256,25 +224,24 @@ async function setPage(page: number): Promise<void> {
       ...route.query,
       page: `${page}`,
     },
-  })
+  });
 
-  scrollToTop()
+  scrollToTop();
 }
 
-
 /*
  * Bei Änderung der Seite oder der Filter neu laden.
  */
 watch(
-    () => route.query,
-    () => {
-      searchPodcasts()
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-)
+  () => route.query,
+  () => {
+    searchPodcasts();
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+);
 </script>
 
 <template>
diff --git a/src/main/podcast/src/components/PodcastsHero.vue b/src/main/podcast/src/components/PodcastsHero.vue
index fd8a78f6..8145eab4 100644
--- a/src/main/podcast/src/components/PodcastsHero.vue
+++ b/src/main/podcast/src/components/PodcastsHero.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
+import { useI18n } from 'vue-i18n';
 
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: 'global' });
 </script>
 
 <template>
-  <section class="podcast-hero row align-items-end g-4 pt-5 mb-5">
+  <section class="podcast-hero row align-items-end g-4 pb-5">
     <div class="col-lg-8">
       <p class="text-success fw-semibold text-uppercase small mb-2">
         {{ t('podcast.hero.eyebrow') }}
diff --git a/src/main/podcast/src/env.d.ts b/src/main/podcast/src/env.d.ts
index d75c8481..3e2beb40 100644
--- a/src/main/podcast/src/env.d.ts
+++ b/src/main/podcast/src/env.d.ts
@@ -1,16 +1,16 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-    import type { DefineComponent } from 'vue'
+  import type { DefineComponent } from 'vue';
 
-    const component: DefineComponent<{}, {}, any>
-    export default component
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
 }
 
 declare global {
-    interface Window {
-        currentLang?: string
-    }
+  interface Window {
+    currentLang?: string;
+  }
 }
 
-export {}
+export {};
diff --git a/src/main/podcast/src/i18n/index.ts b/src/main/podcast/src/i18n/index.ts
index d7f83e9d..5c04dba6 100644
--- a/src/main/podcast/src/i18n/index.ts
+++ b/src/main/podcast/src/i18n/index.ts
@@ -1,51 +1,49 @@
 // src/i18n/index.ts
-import { createI18n } from 'vue-i18n'
+import { createI18n } from 'vue-i18n';
 
-import deSource from '../../../resources/config/dbt/messages_de.properties?raw'
-import enSource from '../../../resources/config/dbt/messages_en.properties?raw'
+import deSource from '../../../resources/config/dbt/messages_de.properties?raw';
+import enSource from '../../../resources/config/dbt/messages_en.properties?raw';
 
-import { parseNamespacedProperties } from './properties.ts'
+import { parseNamespacedProperties } from './properties.ts';
 
-export type SupportedLocale = 'de' | 'en'
+export type SupportedLocale = 'de' | 'en';
 
 function supportedLocale(value: string | null): SupportedLocale | null {
-    const language = value?.toLowerCase()
+  const language = value?.toLowerCase();
 
-    if (language?.startsWith('en')) {
-        return 'en'
-    }
+  if (language?.startsWith('en')) {
+    return 'en';
+  }
 
-    if (language?.startsWith('de')) {
-        return 'de'
-    }
+  if (language?.startsWith('de')) {
+    return 'de';
+  }
 
-    return null
+  return null;
 }
 
 function getCurrentLocale(): SupportedLocale {
-    const queryLocale = supportedLocale(
-        new URLSearchParams(window.location.search).get('lang')
-    )
-    const configuredLocale = supportedLocale(
-        document
-            .querySelector<HTMLMetaElement>('meta[name="podcast-locale"]')
-            ?.content ?? null
-    )
-
-    return queryLocale
-        ?? supportedLocale(window.currentLang ?? null)
-        ?? configuredLocale
-        ?? supportedLocale(document.documentElement.lang)
-        ?? 'de'
+  const queryLocale = supportedLocale(new URLSearchParams(window.location.search).get('lang'));
+  const configuredLocale = supportedLocale(
+    document.querySelector<HTMLMetaElement>('meta[name="podcast-locale"]')?.content ?? null,
+  );
+
+  return (
+    queryLocale ??
+    supportedLocale(window.currentLang ?? null) ??
+    configuredLocale ??
+    supportedLocale(document.documentElement.lang) ??
+    'de'
+  );
 }
 
 export const i18n = createI18n({
-    legacy: false,
-    globalInjection: true,
-    locale: getCurrentLocale(),
-    fallbackLocale: 'de',
-    messages: {
-        de: parseNamespacedProperties(deSource, 'podcast'),
-        en: parseNamespacedProperties(enSource, 'podcast'),
-    },
-})
+  legacy: false,
+  globalInjection: true,
+  locale: getCurrentLocale(),
+  fallbackLocale: 'de',
+  messages: {
+    de: parseNamespacedProperties(deSource, 'podcast'),
+    en: parseNamespacedProperties(enSource, 'podcast'),
+  },
+});
diff --git a/src/main/podcast/src/i18n/properties.ts b/src/main/podcast/src/i18n/properties.ts
index dbc49c17..6a3ebbdb 100644
--- a/src/main/podcast/src/i18n/properties.ts
+++ b/src/main/podcast/src/i18n/properties.ts
@@ -1,175 +1,163 @@
-export type Messages = Record<string, string>
+export type Messages = Record<string, string>;
 export type MessageTree = {
-    [key: string]: string | MessageTree
-}
+  [key: string]: string | MessageTree;
+};
 
 function unescapeProperty(value: string): string {
-    let result = ''
+  let result = '';
 
-    for (let i = 0; i < value.length; i++) {
-        if (value[i] !== '\\') {
-            result += value[i]
-            continue
-        }
+  for (let i = 0; i < value.length; i++) {
+    if (value[i] !== '\\') {
+      result += value[i];
+      continue;
+    }
 
-        const next = value[++i]
-
-        switch (next) {
-            case 't':
-                result += '\t'
-                break
-            case 'r':
-                result += '\r'
-                break
-            case 'n':
-                result += '\n'
-                break
-            case 'f':
-                result += '\f'
-                break
-            case 'u': {
-                const code = value.slice(i + 1, i + 5)
-
-                if (/^[0-9a-fA-F]{4}$/.test(code)) {
-                    result += String.fromCharCode(parseInt(code, 16))
-                    i += 4
-                } else {
-                    result += 'u'
-                }
-
-                break
-            }
-            default:
-                result += next ?? '\\'
+    const next = value[++i];
+
+    switch (next) {
+      case 't':
+        result += '\t';
+        break;
+      case 'r':
+        result += '\r';
+        break;
+      case 'n':
+        result += '\n';
+        break;
+      case 'f':
+        result += '\f';
+        break;
+      case 'u': {
+        const code = value.slice(i + 1, i + 5);
+
+        if (/^[0-9a-fA-F]{4}$/.test(code)) {
+          result += String.fromCharCode(parseInt(code, 16));
+          i += 4;
+        } else {
+          result += 'u';
         }
+
+        break;
+      }
+      default:
+        result += next ?? '\\';
     }
+  }
 
-    return result
+  return result;
 }
 
 function getLogicalLines(source: string): string[] {
-    const result: string[] = []
-    let current = ''
+  const result: string[] = [];
+  let current = '';
 
-    for (const physicalLine of source.split(/\r?\n/)) {
-        const line = current
-            ? physicalLine.replace(/^\s+/, '')
-            : physicalLine
+  for (const physicalLine of source.split(/\r?\n/)) {
+    const line = current ? physicalLine.replace(/^\s+/, '') : physicalLine;
 
-        current += line
+    current += line;
 
-        const trailingBackslashes =
-            current.match(/\\+$/)?.[0].length ?? 0
+    const trailingBackslashes = current.match(/\\+$/)?.[0].length ?? 0;
 
-        if (trailingBackslashes % 2 === 1) {
-            current = current.slice(0, -1)
-        } else {
-            result.push(current)
-            current = ''
-        }
+    if (trailingBackslashes % 2 === 1) {
+      current = current.slice(0, -1);
+    } else {
+      result.push(current);
+      current = '';
     }
+  }
 
-    if (current) {
-        result.push(current)
-    }
+  if (current) {
+    result.push(current);
+  }
 
-    return result
+  return result;
 }
 
 export function parseProperties(source: string): Messages {
-    const messages: Messages = {}
-
-    for (const line of getLogicalLines(source)) {
-        const trimmed = line.trimStart()
+  const messages: Messages = {};
 
-        if (!trimmed || trimmed.startsWith('#') || trimmed.startsWith('!')) {
-            continue
-        }
+  for (const line of getLogicalLines(source)) {
+    const trimmed = line.trimStart();
 
-        let separator = -1
-        let escaped = false
+    if (!trimmed || trimmed.startsWith('#') || trimmed.startsWith('!')) {
+      continue;
+    }
 
-        for (let i = 0; i < trimmed.length; i++) {
-            const character = trimmed[i]
+    let separator = -1;
+    let escaped = false;
 
-            if (character === '\\') {
-                escaped = !escaped
-                continue
-            }
+    for (let i = 0; i < trimmed.length; i++) {
+      const character = trimmed[i];
 
-            if (
-                !escaped &&
-                (character === '=' || character === ':' || /\s/.test(character))
-            ) {
-                separator = i
-                break
-            }
+      if (character === '\\') {
+        escaped = !escaped;
+        continue;
+      }
 
-            escaped = false
-        }
+      if (!escaped && (character === '=' || character === ':' || /\s/.test(character))) {
+        separator = i;
+        break;
+      }
 
-        if (separator === -1) {
-            messages[unescapeProperty(trimmed)] = ''
-            continue
-        }
+      escaped = false;
+    }
 
-        const rawKey = trimmed.slice(0, separator)
-        let valueStart = separator
+    if (separator === -1) {
+      messages[unescapeProperty(trimmed)] = '';
+      continue;
+    }
 
-        while (/\s/.test(trimmed[valueStart] ?? '')) {
-            valueStart++
-        }
+    const rawKey = trimmed.slice(0, separator);
+    let valueStart = separator;
 
-        if (trimmed[valueStart] === '=' || trimmed[valueStart] === ':') {
-            valueStart++
-        }
+    while (/\s/.test(trimmed[valueStart] ?? '')) {
+      valueStart++;
+    }
 
-        while (/\s/.test(trimmed[valueStart] ?? '')) {
-            valueStart++
-        }
+    if (trimmed[valueStart] === '=' || trimmed[valueStart] === ':') {
+      valueStart++;
+    }
 
-        messages[unescapeProperty(rawKey)] =
-            unescapeProperty(trimmed.slice(valueStart))
+    while (/\s/.test(trimmed[valueStart] ?? '')) {
+      valueStart++;
     }
 
-    return messages
+    messages[unescapeProperty(rawKey)] = unescapeProperty(trimmed.slice(valueStart));
+  }
+
+  return messages;
 }
 
-export function parseNamespacedProperties(
-    source: string,
-    namespace: string
-): MessageTree {
-    const messages = parseProperties(source)
-    const result: MessageTree = {}
-    const prefix = `${namespace}.`
-
-    for (const [key, value] of Object.entries(messages)) {
-        if (!key.startsWith(prefix)) {
-            continue
-        }
+export function parseNamespacedProperties(source: string, namespace: string): MessageTree {
+  const messages = parseProperties(source);
+  const result: MessageTree = {};
+  const prefix = `${namespace}.`;
 
-        const path = key.split('.')
-        let target = result
+  for (const [key, value] of Object.entries(messages)) {
+    if (!key.startsWith(prefix)) {
+      continue;
+    }
 
-        for (let index = 0; index < path.length - 1; index++) {
-            const segment = path[index]
-            const existing = target[segment]
+    const path = key.split('.');
+    let target = result;
 
-            if (typeof existing === 'string') {
-                throw new Error(
-                    `Conflicting translation key: ${path.slice(0, index + 1).join('.')}`
-                )
-            }
+    for (let index = 0; index < path.length - 1; index++) {
+      const segment = path[index];
+      const existing = target[segment];
 
-            if (!existing) {
-                target[segment] = {}
-            }
+      if (typeof existing === 'string') {
+        throw new Error(`Conflicting translation key: ${path.slice(0, index + 1).join('.')}`);
+      }
 
-            target = target[segment] as MessageTree
-        }
+      if (!existing) {
+        target[segment] = {};
+      }
 
-        target[path[path.length - 1]] = value
+      target = target[segment] as MessageTree;
     }
 
-    return result
+    target[path[path.length - 1]] = value;
+  }
+
+  return result;
 }
diff --git a/src/main/podcast/src/index.ts b/src/main/podcast/src/index.ts
index 906ddc73..4079992d 100644
--- a/src/main/podcast/src/index.ts
+++ b/src/main/podcast/src/index.ts
@@ -1,39 +1,35 @@
-import { createApp, type App as VueApp } from 'vue'
-import { createPinia } from 'pinia'
-import { i18n } from './i18n'
+import { createApp, type App as VueApp } from 'vue';
+import { createPinia } from 'pinia';
+import { i18n } from './i18n';
 
-import App from './App.vue'
-import router from './router/router'
-import { syncLanguageLinks } from './utils/languageLinks'
+import App from './App.vue';
+import router from './router/router';
+import { syncLanguageLinks } from './utils/languageLinks';
 
-import './style.css'
+import './style.css';
 
-const PODCAST_MOUNT_SELECTOR = '#main_content > .container'
+const PODCAST_MOUNT_SELECTOR = '#main_content > .container';
 
 router.afterEach(() => {
-  syncLanguageLinks()
-})
+  syncLanguageLinks();
+});
 
-export function mountPodcast(
-    selector = PODCAST_MOUNT_SELECTOR
-): VueApp<Element> {
-  const container = document.querySelector(selector)
+export function mountPodcast(selector = PODCAST_MOUNT_SELECTOR): VueApp<Element> {
+  const container = document.querySelector(selector);
 
   if (!container) {
-    throw new Error(
-        `Podcast mount element not found: ${selector}`
-    )
+    throw new Error(`Podcast mount element not found: ${selector}`);
   }
 
-  const app = createApp(App)
+  const app = createApp(App);
 
-  app.use(createPinia())
-  app.use(i18n)
-  app.use(router)
+  app.use(createPinia());
+  app.use(i18n);
+  app.use(router);
 
-  app.mount(container)
+  app.mount(container);
 
-  return app
+  return app;
 }
 
-mountPodcast()
+mountPodcast();
diff --git a/src/main/podcast/src/router/router.ts b/src/main/podcast/src/router/router.ts
index de4f2362..467ea5fb 100644
--- a/src/main/podcast/src/router/router.ts
+++ b/src/main/podcast/src/router/router.ts
@@ -1,36 +1,36 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import Podcasts from '../views/Podcasts.vue'
-import Playlist from '../views/Playlist.vue'
-import NotFound from '../views/NotFound.vue'
+import { createRouter, createWebHistory } from 'vue-router';
+import Podcasts from '../views/Podcasts.vue';
+import Playlist from '../views/Playlist.vue';
+import NotFound from '../views/NotFound.vue';
 
-const configuredBasePath = document
-    .querySelector<HTMLMetaElement>('meta[name="podcast-base-path"]')
-    ?.content
+const configuredBasePath = document.querySelector<HTMLMetaElement>(
+  'meta[name="podcast-base-path"]',
+)?.content;
 
 const basePath = configuredBasePath
-    ? new URL(configuredBasePath, window.location.origin).pathname
-    : '/podcast/'
+  ? new URL(configuredBasePath, window.location.origin).pathname
+  : '/podcast/';
 
 const router = createRouter({
-    history: createWebHistory(basePath),
-    routes: [
-        {
-            path: '/',
-            name: 'podcasts',
-            component: Podcasts,
-        },
-        {
-            path: '/:podcastId',
-            name: 'podcast',
-            component: Playlist,
-            props: true,
-        },
-        {
-            path: '/:pathMatch(.*)*',
-            name: 'not-found',
-            component: NotFound,
-        },
-    ],
-})
+  history: createWebHistory(basePath),
+  routes: [
+    {
+      path: '/',
+      name: 'podcasts',
+      component: Podcasts,
+    },
+    {
+      path: '/:podcastId',
+      name: 'podcast',
+      component: Playlist,
+      props: true,
+    },
+    {
+      path: '/:pathMatch(.*)*',
+      name: 'not-found',
+      component: NotFound,
+    },
+  ],
+});
 
-export default router
+export default router;
diff --git a/src/main/podcast/src/stores/player.ts b/src/main/podcast/src/stores/player.ts
index 91de2f7d..5da88a6a 100644
--- a/src/main/podcast/src/stores/player.ts
+++ b/src/main/podcast/src/stores/player.ts
@@ -1,158 +1,140 @@
-import { defineStore } from 'pinia'
-import { computed, ref } from 'vue'
-import type { PodcastEpisode } from '../types/types'
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+import type { PodcastEpisode } from '../types/types';
 
-type PlaybackCommand = 'play' | 'pause'
+type PlaybackCommand = 'play' | 'pause';
 
 interface PlaybackRequest {
-    id: number
-    command: PlaybackCommand
+  id: number;
+  command: PlaybackCommand;
 }
 
 export const usePlayerStore = defineStore('player', () => {
-    const episode = ref<PodcastEpisode | null>(null)
-    const episodes = ref<PodcastEpisode[]>([])
-    const isPlaying = ref(false)
-    const playbackRequest = ref<PlaybackRequest>({
-        id: 0,
-        command: 'pause',
-    })
-    const playlistTitle = ref('')
-
-    let playbackRequestId = 0
-
-    const currentTime = ref(0)
-    const duration = ref(0)
-
-    const remainingTime = computed(() =>
-        Math.max(0, duration.value - currentTime.value)
-    )
-
-    const currentEpisodeIndex = computed(() => {
-        if (!episode.value) {
-            return -1
-        }
-
-        return episodes.value.findIndex(
-            item => item.guid === episode.value?.guid
-        )
-    })
-
-    function setPlaylist(newEpisodes: PodcastEpisode[], title: string): void {
-        episodes.value = newEpisodes
-        playlistTitle.value = title
-    }
+  const episode = ref<PodcastEpisode | null>(null);
+  const episodes = ref<PodcastEpisode[]>([]);
+  const isPlaying = ref(false);
+  const playbackRequest = ref<PlaybackRequest>({
+    id: 0,
+    command: 'pause',
+  });
+  const playlistTitle = ref('');
 
-    function selectEpisode(newEpisode: PodcastEpisode): void {
-        episode.value = newEpisode
-        requestPlay()
-    }
+  let playbackRequestId = 0;
+
+  const currentTime = ref(0);
+  const duration = ref(0);
 
-    function requestPlay(): void {
-        playbackRequest.value = {
-            id: ++playbackRequestId,
-            command: 'play',
-        }
+  const remainingTime = computed(() => Math.max(0, duration.value - currentTime.value));
+
+  const currentEpisodeIndex = computed(() => {
+    if (!episode.value) {
+      return -1;
     }
 
-    function requestPause(): void {
-        playbackRequest.value = {
-            id: ++playbackRequestId,
-            command: 'pause',
-        }
+    return episodes.value.findIndex((item) => item.guid === episode.value?.guid);
+  });
+
+  function setPlaylist(newEpisodes: PodcastEpisode[], title: string): void {
+    episodes.value = newEpisodes;
+    playlistTitle.value = title;
+  }
+
+  function selectEpisode(newEpisode: PodcastEpisode): void {
+    episode.value = newEpisode;
+    requestPlay();
+  }
+
+  function requestPlay(): void {
+    playbackRequest.value = {
+      id: ++playbackRequestId,
+      command: 'play',
+    };
+  }
+
+  function requestPause(): void {
+    playbackRequest.value = {
+      id: ++playbackRequestId,
+      command: 'pause',
+    };
+  }
+
+  function nextEpisode(): void {
+    if (currentEpisodeIndex.value < 0 || currentEpisodeIndex.value >= episodes.value.length - 1) {
+      return;
     }
 
-    function nextEpisode(): void {
-        if (
-            currentEpisodeIndex.value < 0 ||
-            currentEpisodeIndex.value >= episodes.value.length - 1
-        ) {
-            return
-        }
+    selectEpisode(episodes.value[currentEpisodeIndex.value + 1]);
+  }
 
-        selectEpisode(episodes.value[currentEpisodeIndex.value + 1])
+  function previousEpisode(): void {
+    if (currentEpisodeIndex.value <= 0) {
+      return;
     }
 
-    function previousEpisode(): void {
-        if (currentEpisodeIndex.value <= 0) {
-            return
-        }
+    selectEpisode(episodes.value[currentEpisodeIndex.value - 1]);
+  }
 
-        selectEpisode(episodes.value[currentEpisodeIndex.value - 1])
-    }
+  function closePlayer(): void {
+    requestPause();
+    isPlaying.value = false;
+    episode.value = null;
+  }
 
-    function closePlayer(): void {
-        requestPause()
-        isPlaying.value = false
-        episode.value = null
+  function togglePlayback(): void {
+    if (isPlaying.value) {
+      requestPause();
+    } else {
+      requestPlay();
     }
+  }
 
-    function togglePlayback(): void {
-        if (isPlaying.value) {
-            requestPause()
-        } else {
-            requestPlay()
-        }
+  function toggleEpisode(selectedEpisode: PodcastEpisode): void {
+    if (episode.value?.guid === selectedEpisode.guid) {
+      togglePlayback();
+    } else {
+      selectEpisode(selectedEpisode);
     }
+  }
 
-    function toggleEpisode(selectedEpisode: PodcastEpisode): void {
-        if (episode.value?.guid === selectedEpisode.guid) {
-            togglePlayback()
-        } else {
-            selectEpisode(selectedEpisode)
-        }
+  function formatTime(seconds: number): string {
+    if (!Number.isFinite(seconds)) {
+      return '0:00';
     }
 
-    function formatTime(seconds: number): string {
-        if (!Number.isFinite(seconds)) {
-            return '0:00'
-        }
+    const totalSeconds = Math.floor(seconds);
 
-        const totalSeconds =
-            Math.floor(seconds)
+    const hours = Math.floor(totalSeconds / 3600);
 
-        const hours =
-            Math.floor(totalSeconds / 3600)
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
 
-        const minutes =
-            Math.floor((totalSeconds % 3600) / 60)
+    const secs = totalSeconds % 60;
 
-        const secs =
-            totalSeconds % 60
-
-        if (hours > 0) {
-            return `${hours}:${minutes
-                .toString()
-                .padStart(2, '0')}:${secs
-                .toString()
-                .padStart(2, '0')}`
-        }
-
-        return `${minutes}:${secs
-            .toString()
-            .padStart(2, '0')}`
+    if (hours > 0) {
+      return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
     }
 
-
-    return {
-        episode,
-        episodes,
-        isPlaying,
-        playbackRequest,
-        playlistTitle,
-        currentEpisodeIndex,
-        currentTime,
-        duration,
-        remainingTime,
-
-        setPlaylist,
-        selectEpisode,
-        requestPause,
-        togglePlayback,
-        nextEpisode,
-        previousEpisode,
-        closePlayer,
-        toggleEpisode,
-        formatTime
-    }
-})
+    return `${minutes}:${secs.toString().padStart(2, '0')}`;
+  }
+
+  return {
+    episode,
+    episodes,
+    isPlaying,
+    playbackRequest,
+    playlistTitle,
+    currentEpisodeIndex,
+    currentTime,
+    duration,
+    remainingTime,
+
+    setPlaylist,
+    selectEpisode,
+    requestPause,
+    togglePlayback,
+    nextEpisode,
+    previousEpisode,
+    closePlayer,
+    toggleEpisode,
+    formatTime,
+  };
+});
diff --git a/src/main/podcast/src/types/types.ts b/src/main/podcast/src/types/types.ts
index 8a891a2f..f58a8229 100644
--- a/src/main/podcast/src/types/types.ts
+++ b/src/main/podcast/src/types/types.ts
@@ -1,123 +1,123 @@
 export interface SolrResponse {
-    responseHeader: SolrResponseHeader
-    response: SolrResult
-    facet_counts: SolrFacetCounts
+  responseHeader: SolrResponseHeader;
+  response: SolrResult;
+  facet_counts: SolrFacetCounts;
 }
 
 export interface SolrResponseHeader {
-    zkConnected: boolean
-    status: number
-    QTime: number
-    params: Record<string, string | string[]>
+  zkConnected: boolean;
+  status: number;
+  QTime: number;
+  params: Record<string, string | string[]>;
 }
 
 export interface SolrResult {
-    numFound: number
-    start: number
-    maxScore: number
-    numFoundExact: boolean
-    docs: SolrDocument[]
+  numFound: number;
+  start: number;
+  maxScore: number;
+  numFoundExact: boolean;
+  docs: SolrDocument[];
 }
 
 export interface SolrDocument {
-    objectKind?: string
-    id: string
-    returnId?: string
-    objectProject?: string
-    objectType?: string
+  objectKind?: string;
+  id: string;
+  returnId?: string;
+  objectProject?: string;
+  objectType?: string;
 
-    link?: string[]
+  link?: string[];
 
-    modified?: string
-    created?: string
-    modifiedby?: string
-    createdby?: string
+  modified?: string;
+  created?: string;
+  modifiedby?: string;
+  createdby?: string;
 
-    state?: string
+  state?: string;
 
-    derCount?: number
-    derivates?: string[]
+  derCount?: number;
+  derivates?: string[];
 
-    worldReadable?: boolean
-    worldReadableComplete?: boolean
+  worldReadable?: boolean;
+  worldReadableComplete?: boolean;
 
-    category?: string[]
-    'category.top'?: string[]
+  category?: string[];
+  'category.top'?: string[];
 
-    'mods.title'?: string[]
-    'mods.title.main'?: string
+  'mods.title'?: string[];
+  'mods.title.main'?: string;
 
-    'mods.name'?: string[]
-    'mods.name.top'?: string[]
+  'mods.name'?: string[];
+  'mods.name.top'?: string[];
 
-    'mods.author'?: string[]
+  'mods.author'?: string[];
 
-    'mods.publisher'?: string[]
+  'mods.publisher'?: string[];
 
-    'mods.genre'?: string[]
+  'mods.genre'?: string[];
 
-    'mods.abstract'?: string[]
+  'mods.abstract'?: string[];
 
-    'mods.dateIssued'?: string
-    'mods.yearIssued'?: number
-    'mods.type'?: string
+  'mods.dateIssued'?: string;
+  'mods.yearIssued'?: number;
+  'mods.type'?: string;
 
-    search_result_link_text?: string
+  search_result_link_text?: string;
 
-    'mods.pindexname'?: string[]
-    'mods.pindexname.published'?: string[]
+  'mods.pindexname'?: string[];
+  'mods.pindexname.published'?: string[];
 
-    'mods.nameByRole.personal.aut'?: string[]
-    'mods.nameByRole.personal.own'?: string[]
+  'mods.nameByRole.personal.aut'?: string[];
+  'mods.nameByRole.personal.own'?: string[];
 
-    'mods.abstract.result'?: string
-    'mods.abstract.result.de'?: string[]
+  'mods.abstract.result'?: string;
+  'mods.abstract.result.de'?: string[];
 
-    'mir.toc.title'?: string
-    'mir.toc.authors'?: string
+  'mir.toc.title'?: string;
+  'mir.toc.authors'?: string;
 
-    _version_?: number
-    score?: number
+  _version_?: number;
+  score?: number;
 }
 
 export interface SolrFacetCounts {
-    facet_queries: Record<string, unknown>
+  facet_queries: Record<string, unknown>;
 
-    facet_fields: {
-        'mods.genre': (string | number)[]
-        worldReadableComplete: (string | number)[]
-    }
+  facet_fields: {
+    'mods.genre': (string | number)[];
+    worldReadableComplete: (string | number)[];
+  };
 
-    facet_ranges: Record<string, unknown>
-    facet_intervals: Record<string, unknown>
-    facet_heatmaps: Record<string, unknown>
+  facet_ranges: Record<string, unknown>;
+  facet_intervals: Record<string, unknown>;
+  facet_heatmaps: Record<string, unknown>;
 }
 
 export interface PodcastEpisode {
-    title: string
-    link: string
-    author: string[]
-    description: string
-    image: string
-    audioUrl: string
-    audioLength: number
-    audioType: string
-    guid: string
-    pubDate: string
-    duration: string
+  title: string;
+  link: string;
+  author: string[];
+  description: string;
+  image: string;
+  audioUrl: string;
+  audioLength: number;
+  audioType: string;
+  guid: string;
+  pubDate: string;
+  duration: string;
 }
 
 export interface PodcastPlaylist {
-    title: string
-    link: string
-    language: string
-    explicit: boolean
-    author: string[]
-    description: string
-    ownerName: string
-    ownerEmail: string
-    image: string
-    category: string
-    subcategory: string
-    episodes: PodcastEpisode[]
+  title: string;
+  link: string;
+  language: string;
+  explicit: boolean;
+  author: string[];
+  description: string;
+  ownerName: string;
+  ownerEmail: string;
+  image: string;
+  category: string;
+  subcategory: string;
+  episodes: PodcastEpisode[];
 }
diff --git a/src/main/podcast/src/utils/XMLParser.ts b/src/main/podcast/src/utils/XMLParser.ts
index e68596d8..870b3503 100644
--- a/src/main/podcast/src/utils/XMLParser.ts
+++ b/src/main/podcast/src/utils/XMLParser.ts
@@ -1,285 +1,118 @@
-import DOMPurify from 'dompurify'
+import DOMPurify from 'dompurify';
 
-import type {
-    PodcastEpisode,
-    PodcastPlaylist
-} from '../types/types.ts'
+import type { PodcastEpisode, PodcastPlaylist } from '../types/types.ts';
 
-const ITUNES_NS =
-    'http://www.itunes.com/dtds/podcast-1.0.dtd'
+const ITUNES_NS = 'http://www.itunes.com/dtds/podcast-1.0.dtd';
 
 function getDirectChildren(
-    element: Element,
-    tagName: string,
-    namespaceUri: string | null
+  element: Element,
+  tagName: string,
+  namespaceUri: string | null,
 ): Element[] {
-    return Array.from(element.children).filter(child =>
-        child.localName === tagName &&
-        child.namespaceURI === namespaceUri
-    )
+  return Array.from(element.children).filter(
+    (child) => child.localName === tagName && child.namespaceURI === namespaceUri,
+  );
 }
 
 function getDirectChild(
-    element: Element,
-    tagName: string,
-    namespaceUri: string | null
+  element: Element,
+  tagName: string,
+  namespaceUri: string | null,
 ): Element | undefined {
-    return getDirectChildren(
-        element,
-        tagName,
-        namespaceUri
-    )[0]
+  return getDirectChildren(element, tagName, namespaceUri)[0];
 }
 
-function getText(
-    element: Element,
-    tagName: string
-): string {
-    return (
-        getDirectChild(
-            element,
-            tagName,
-            element.namespaceURI
-        )
-            ?.textContent
-            ?.trim() ?? ''
-    )
+function getText(element: Element, tagName: string): string {
+  return getDirectChild(element, tagName, element.namespaceURI)?.textContent?.trim() ?? '';
 }
 
-function getItunesText(
-    element: Element,
-    tagName: string
-): string {
-    return (
-        getDirectChild(
-            element,
-            tagName,
-            ITUNES_NS
-        )
-            ?.textContent
-            ?.trim() ?? ''
-    )
+function getItunesText(element: Element, tagName: string): string {
+  return getDirectChild(element, tagName, ITUNES_NS)?.textContent?.trim() ?? '';
 }
 
-function getItunesAuthors(
-    element: Element
-): string[] {
-    return getItunesText(element, 'author')
-        .split(';')
-        .map(author => author.trim())
-        .filter(Boolean)
+function getItunesAuthors(element: Element): string[] {
+  return getItunesText(element, 'author')
+    .split(';')
+    .map((author) => author.trim())
+    .filter(Boolean);
 }
 
-function getSafeHtml(
-    element: Element,
-    tagName: string
-): string {
-    return DOMPurify.sanitize(
-        getText(element, tagName)
-    )
+function getSafeHtml(element: Element, tagName: string): string {
+  return DOMPurify.sanitize(getText(element, tagName));
 }
 
-function getItunesAttribute(
-    element: Element,
-    tagName: string,
-    attributeName: string
-): string {
-    return (
-        getDirectChild(
-            element,
-            tagName,
-            ITUNES_NS
-        )
-            ?.getAttribute(attributeName) ?? ''
-    )
+function getItunesAttribute(element: Element, tagName: string, attributeName: string): string {
+  return getDirectChild(element, tagName, ITUNES_NS)?.getAttribute(attributeName) ?? '';
 }
 
-function parsePodcastXml(
-    xmlString: string
-): PodcastPlaylist {
-    const parser = new DOMParser()
+function parsePodcastXml(xmlString: string): PodcastPlaylist {
+  const parser = new DOMParser();
 
-    const xml = parser.parseFromString(
-        xmlString,
-        'application/xml'
-    )
+  const xml = parser.parseFromString(xmlString, 'application/xml');
 
-    const parserError =
-        xml.querySelector('parsererror')
+  const parserError = xml.querySelector('parsererror');
 
-    if (parserError) {
-        throw new Error(
-            'Podcast XML konnte nicht verarbeitet werden'
-        )
-    }
+  if (parserError) {
+    throw new Error('Podcast XML konnte nicht verarbeitet werden');
+  }
 
-    const root = xml.documentElement
-    const channel = getDirectChild(
-        root,
-        'channel',
-        root.namespaceURI
-    )
+  const root = xml.documentElement;
+  const channel = getDirectChild(root, 'channel', root.namespaceURI);
 
-    if (!channel) {
-        throw new Error(
-            'RSS channel wurde nicht gefunden'
-        )
-    }
+  if (!channel) {
+    throw new Error('RSS channel wurde nicht gefunden');
+  }
 
-    const categoryElement = getDirectChild(
-        channel,
-        'category',
-        ITUNES_NS
-    )
+  const categoryElement = getDirectChild(channel, 'category', ITUNES_NS);
 
-    const category =
-        categoryElement
-            ?.getAttribute('text') ?? ''
+  const category = categoryElement?.getAttribute('text') ?? '';
 
-    const subcategoryElement =
-        categoryElement
-            ? getDirectChild(
-                categoryElement,
-                'category',
-                ITUNES_NS
-            )
-            : undefined
+  const subcategoryElement = categoryElement
+    ? getDirectChild(categoryElement, 'category', ITUNES_NS)
+    : undefined;
 
-    const subcategory =
-        subcategoryElement
-            ?.getAttribute('text') ?? ''
+  const subcategory = subcategoryElement?.getAttribute('text') ?? '';
 
-    const owner = getDirectChild(
-        channel,
-        'owner',
-        ITUNES_NS
-    )
+  const owner = getDirectChild(channel, 'owner', ITUNES_NS);
 
-    const ownerName =
-        owner
-            ? getItunesText(owner, 'name')
-            : ''
+  const ownerName = owner ? getItunesText(owner, 'name') : '';
 
-    const ownerEmail =
-        owner
-            ? getItunesText(owner, 'email')
-            : ''
+  const ownerEmail = owner ? getItunesText(owner, 'email') : '';
 
-    const items = getDirectChildren(
-        channel,
-        'item',
-        channel.namespaceURI
-    )
+  const items = getDirectChildren(channel, 'item', channel.namespaceURI);
 
-    const episodes: PodcastEpisode[] =
-        items.map((item) => {
-            const enclosure = getDirectChild(
-                item,
-                'enclosure',
-                item.namespaceURI
-            )
-
-            return {
-                title:
-                    getText(item, 'title'),
-
-                link:
-                    getText(item, 'link'),
-
-                author:
-                    getItunesAuthors(item),
-
-                description:
-                    getSafeHtml(
-                        item,
-                        'description'
-                    ),
-
-                image:
-                    getItunesAttribute(
-                        item,
-                        'image',
-                        'href'
-                    ),
-
-                audioUrl:
-                    enclosure
-                        ?.getAttribute('url') ?? '',
-
-                audioLength:
-                    Number(
-                        enclosure
-                            ?.getAttribute(
-                                'length'
-                            ) ?? 0
-                    ),
-
-                audioType:
-                    enclosure
-                        ?.getAttribute('type') ?? '',
-
-                guid:
-                    getText(item, 'guid'),
-
-                pubDate:
-                    getText(
-                        item,
-                        'pubDate'
-                    ),
-
-                duration:
-                    getItunesText(
-                        item,
-                        'duration'
-                    )
-            }
-        })
+  const episodes: PodcastEpisode[] = items.map((item) => {
+    const enclosure = getDirectChild(item, 'enclosure', item.namespaceURI);
 
     return {
-        title:
-            getText(channel, 'title'),
-
-        link:
-            getText(channel, 'link'),
-
-        language:
-            getText(
-                channel,
-                'language'
-            ),
-
-        explicit:
-            getItunesText(
-                channel,
-                'explicit'
-            ).toLowerCase() === 'true',
-
-        author:
-            getItunesAuthors(channel),
-
-        description:
-            getSafeHtml(
-                channel,
-                'description'
-            ),
-
-        ownerName,
-
-        ownerEmail,
-
-        image:
-            getItunesAttribute(
-                channel,
-                'image',
-                'href'
-            ),
-
-        category,
-
-        subcategory,
-
-        episodes
-    }
+      title: getText(item, 'title'),
+      link: getText(item, 'link'),
+      author: getItunesAuthors(item),
+      description: getSafeHtml(item, 'description'),
+      image: getItunesAttribute(item, 'image', 'href'),
+      audioUrl: enclosure?.getAttribute('url') ?? '',
+      audioLength: Number(enclosure?.getAttribute('length') ?? 0),
+      audioType: enclosure?.getAttribute('type') ?? '',
+      guid: getText(item, 'guid'),
+      pubDate: getText(item, 'pubDate'),
+      duration: getItunesText(item, 'duration'),
+    };
+  });
+
+  return {
+    title: getText(channel, 'title'),
+    link: getText(channel, 'link'),
+    language: getText(channel, 'language'),
+    explicit: getItunesText(channel, 'explicit').toLowerCase() === 'true',
+    author: getItunesAuthors(channel),
+    description: getSafeHtml(channel, 'description'),
+    ownerName,
+    ownerEmail,
+    image: getItunesAttribute(channel, 'image', 'href'),
+    category,
+    subcategory,
+    episodes,
+  };
 }
 
-export default parsePodcastXml
+export default parsePodcastXml;
diff --git a/src/main/podcast/src/utils/applicationUrl.ts b/src/main/podcast/src/utils/applicationUrl.ts
index 49f9d6e2..6e5098d3 100644
--- a/src/main/podcast/src/utils/applicationUrl.ts
+++ b/src/main/podcast/src/utils/applicationUrl.ts
@@ -1,22 +1,13 @@
-const configuredApplicationBase = document
-    .querySelector<HTMLMetaElement>(
-        'meta[name="podcast-application-base-url"]'
-    )
-    ?.content
+const configuredApplicationBase = document.querySelector<HTMLMetaElement>(
+  'meta[name="podcast-application-base-url"]',
+)?.content;
 
-const normalizedApplicationBase =
-    configuredApplicationBase?.endsWith('/')
-        ? configuredApplicationBase
-        : `${configuredApplicationBase || ''}/`
+const normalizedApplicationBase = configuredApplicationBase?.endsWith('/')
+  ? configuredApplicationBase
+  : `${configuredApplicationBase || ''}/`;
 
-const applicationBaseUrl = new URL(
-    normalizedApplicationBase,
-    window.location.origin
-)
+const applicationBaseUrl = new URL(normalizedApplicationBase, window.location.origin);
 
 export default function applicationUrl(path: string): string {
-    return new URL(
-        path.replace(/^\/+/, ''),
-        applicationBaseUrl
-    ).toString()
+  return new URL(path.replace(/^\/+/, ''), applicationBaseUrl).toString();
 }
diff --git a/src/main/podcast/src/utils/languageLinks.ts b/src/main/podcast/src/utils/languageLinks.ts
index 487779f4..8e41297d 100644
--- a/src/main/podcast/src/utils/languageLinks.ts
+++ b/src/main/podcast/src/utils/languageLinks.ts
@@ -1,24 +1,20 @@
-const LANGUAGE_LINK_SELECTOR = '.language-select a.language'
-const SUPPORTED_LANGUAGES = ['de', 'en'] as const
+const LANGUAGE_LINK_SELECTOR = '.language-select a.language';
+const SUPPORTED_LANGUAGES = ['de', 'en'] as const;
 
 function languageFromLink(link: HTMLAnchorElement): string | null {
-    return SUPPORTED_LANGUAGES.find(language =>
-        link.classList.contains(language)
-    ) ?? null
+  return SUPPORTED_LANGUAGES.find((language) => link.classList.contains(language)) ?? null;
 }
 
 export function syncLanguageLinks(): void {
-    document
-        .querySelectorAll<HTMLAnchorElement>(LANGUAGE_LINK_SELECTOR)
-        .forEach(link => {
-            const language = languageFromLink(link)
+  document.querySelectorAll<HTMLAnchorElement>(LANGUAGE_LINK_SELECTOR).forEach((link) => {
+    const language = languageFromLink(link);
 
-            if (!language) {
-                return
-            }
+    if (!language) {
+      return;
+    }
 
-            const url = new URL(window.location.href)
-            url.searchParams.set('lang', language)
-            link.href = url.href
-        })
+    const url = new URL(window.location.href);
+    url.searchParams.set('lang', language);
+    link.href = url.href;
+  });
 }
diff --git a/src/main/podcast/src/utils/podcastCategory.ts b/src/main/podcast/src/utils/podcastCategory.ts
index 58d66f3f..e9fcff43 100644
--- a/src/main/podcast/src/utils/podcastCategory.ts
+++ b/src/main/podcast/src/utils/podcastCategory.ts
@@ -1,14 +1,10 @@
-import itunesPodcastCategories from '../data/podcast-categories.json'
+import itunesPodcastCategories from '../data/podcast-categories.json';
 
-const categories = itunesPodcastCategories.flatMap(category => [
-    category,
-    ...category.subcategories,
-])
+const categories = itunesPodcastCategories.flatMap((category) => [
+  category,
+  ...category.subcategories,
+]);
 
-export default function podcastCategoryValue(
-    category: string
-): string | undefined {
-    return categories.find(item =>
-        item.value === category || item.label === category
-    )?.value
+export default function podcastCategoryValue(category: string): string | undefined {
+  return categories.find((item) => item.value === category || item.label === category)?.value;
 }
diff --git a/src/main/podcast/src/utils/requestReceive.ts b/src/main/podcast/src/utils/requestReceive.ts
index 2c0ad293..5e843507 100644
--- a/src/main/podcast/src/utils/requestReceive.ts
+++ b/src/main/podcast/src/utils/requestReceive.ts
@@ -1,26 +1,24 @@
-import applicationUrl from './applicationUrl'
+import applicationUrl from './applicationUrl';
 
 export class ReceiveRequestError extends Error {
-    readonly status: number
+  readonly status: number;
 
-    constructor(status: number) {
-        super(`Request failed with status ${status}`)
-        this.name = 'ReceiveRequestError'
-        this.status = status
-    }
+  constructor(status: number) {
+    super(`Request failed with status ${status}`);
+    this.name = 'ReceiveRequestError';
+    this.status = status;
+  }
 }
 
 export default async function requestReceive(id: string): Promise<string> {
-    const url = new URL(
-        applicationUrl(`receive/${encodeURIComponent(id)}`)
-    )
-    url.searchParams.set('XSL.Style', 'podcast')
+  const url = new URL(applicationUrl(`receive/${encodeURIComponent(id)}`));
+  url.searchParams.set('XSL.Style', 'podcast');
 
-    const response = await fetch(url)
+  const response = await fetch(url);
 
-    if (!response.ok) {
-        throw new ReceiveRequestError(response.status)
-    }
+  if (!response.ok) {
+    throw new ReceiveRequestError(response.status);
+  }
 
-    return response.text()
+  return response.text();
 }
diff --git a/src/main/podcast/src/utils/requestSolr.ts b/src/main/podcast/src/utils/requestSolr.ts
index 8171c67e..fb661bac 100644
--- a/src/main/podcast/src/utils/requestSolr.ts
+++ b/src/main/podcast/src/utils/requestSolr.ts
@@ -1,16 +1,14 @@
-import applicationUrl from './applicationUrl'
+import applicationUrl from './applicationUrl';
 
-export default async function requestSolr(
-    params: URLSearchParams
-):Promise<string> {
-    const url = new URL(applicationUrl('servlets/solr/find'))
-    url.search = params.toString()
+export default async function requestSolr(params: URLSearchParams): Promise<string> {
+  const url = new URL(applicationUrl('servlets/solr/find'));
+  url.search = params.toString();
 
-    const response = await fetch(url)
+  const response = await fetch(url);
 
-    if (!response.ok) {
-        throw new Error(`Request failed with status ${response.status}`)
-    }
+  if (!response.ok) {
+    throw new Error(`Request failed with status ${response.status}`);
+  }
 
-    return response.text()
+  return response.text();
 }
diff --git a/src/main/podcast/src/views/NotFound.vue b/src/main/podcast/src/views/NotFound.vue
index aaeed3ee..10fd8eb4 100644
--- a/src/main/podcast/src/views/NotFound.vue
+++ b/src/main/podcast/src/views/NotFound.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-import applicationUrl from '../utils/applicationUrl'
+import { useI18n } from 'vue-i18n';
+import applicationUrl from '../utils/applicationUrl';
 
-const { t } = useI18n({ useScope: 'global' })
-const startPageUrl = applicationUrl('content/index.xml')
+const { t } = useI18n({ useScope: 'global' });
+const startPageUrl = applicationUrl('content/index.xml');
 </script>
 
 <template>
diff --git a/src/main/podcast/src/views/Playlist.vue b/src/main/podcast/src/views/Playlist.vue
index 4fc33485..55f1f29f 100644
--- a/src/main/podcast/src/views/Playlist.vue
+++ b/src/main/podcast/src/views/Playlist.vue
@@ -1,117 +1,107 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
-import type {
-  PodcastPlaylist,
-  SolrResponse,
-} from '../types/types.ts'
+import type { PodcastPlaylist, SolrResponse } from '../types/types.ts';
 
-import parsePodcastXml from '../utils/XMLParser.ts'
-import requestReceive, {
-  ReceiveRequestError,
-} from '../utils/requestReceive'
-import requestSolr from '../utils/requestSolr.ts'
-
-import LoadingState from '../components/LoadingState.vue'
-import ErrorState from '../components/ErrorState.vue'
-import PlaylistHeader from '../components/PlaylistHeader.vue'
-import PlaylistEpisode from '../components/PlaylistEpisode.vue'
-import NotFound from './NotFound.vue'
+import parsePodcastXml from '../utils/XMLParser.ts';
+import requestReceive, { ReceiveRequestError } from '../utils/requestReceive';
+import requestSolr from '../utils/requestSolr.ts';
 
+import LoadingState from '../components/LoadingState.vue';
+import ErrorState from '../components/ErrorState.vue';
+import PlaylistHeader from '../components/PlaylistHeader.vue';
+import PlaylistEpisode from '../components/PlaylistEpisode.vue';
+import NotFound from './NotFound.vue';
 
 const props = defineProps<{
-  podcastId: string
-}>()
+  podcastId: string;
+}>();
 
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: 'global' });
 
-const isError = ref(false)
-const isLoading = ref(false)
-const isNotFound = ref(false)
+const isError = ref(false);
+const isLoading = ref(false);
+const isNotFound = ref(false);
 
-const playlistMetadata = ref<PodcastPlaylist | null>(null)
-let requestSequence = 0
+const playlistMetadata = ref<PodcastPlaylist | null>(null);
+let requestSequence = 0;
 
 async function podcastExists(podcastId: string): Promise<boolean> {
   if (!/^dbt_mods_\d{8}$/.test(podcastId)) {
-    return false
+    return false;
   }
 
-  const params = new URLSearchParams()
-  params.append('fq', 'mods.genre:podcast')
-  params.append('fq', `id:"${podcastId}"`)
-  params.set('rows', '0')
-  params.set('wt', 'json')
+  const params = new URLSearchParams();
+  params.append('fq', 'mods.genre:podcast');
+  params.append('fq', `id:"${podcastId}"`);
+  params.set('rows', '0');
+  params.set('wt', 'json');
 
-  const response = await requestSolr(params)
-  const result = JSON.parse(response) as SolrResponse
+  const response = await requestSolr(params);
+  const result = JSON.parse(response) as SolrResponse;
 
-  return result.response.numFound > 0
+  return result.response.numFound > 0;
 }
 
 async function getPlaylistMetadata(): Promise<void> {
-  const requestId = ++requestSequence
+  const requestId = ++requestSequence;
 
-  isError.value = false
-  isNotFound.value = false
-  isLoading.value = true
-  playlistMetadata.value = null
+  isError.value = false;
+  isNotFound.value = false;
+  isLoading.value = true;
+  playlistMetadata.value = null;
 
   try {
-    const exists = await podcastExists(props.podcastId)
+    const exists = await podcastExists(props.podcastId);
 
     if (requestId !== requestSequence) {
-      return
+      return;
     }
 
     if (!exists) {
-      isNotFound.value = true
-      return
+      isNotFound.value = true;
+      return;
     }
 
-    const xmlString = await requestReceive(props.podcastId)
+    const xmlString = await requestReceive(props.podcastId);
 
     if (requestId === requestSequence) {
-      playlistMetadata.value =
-          parsePodcastXml(xmlString)
+      playlistMetadata.value = parsePodcastXml(xmlString);
     }
-
   } catch (err) {
     if (requestId !== requestSequence) {
-      return
+      return;
     }
 
     if (err instanceof ReceiveRequestError && err.status === 404) {
-      isNotFound.value = true
-      return
+      isNotFound.value = true;
+      return;
     }
 
-    console.error('Podcastdaten konnten nicht geladen werden:', err)
-    isError.value = true
-
+    console.error('Podcastdaten konnten nicht geladen werden:', err);
+    isError.value = true;
   } finally {
     if (requestId === requestSequence) {
-      isLoading.value = false
+      isLoading.value = false;
     }
   }
 }
 
-
 watch(
-    () => props.podcastId,
-    () => {
-      getPlaylistMetadata()
-      window.scrollTo(0, 0)
-    },
-    { immediate: true }
-)
+  () => props.podcastId,
+  () => {
+    getPlaylistMetadata();
+    window.scrollTo(0, 0);
+  },
+  { immediate: true },
+);
 </script>
 
 <template>
   <NotFound v-if="isNotFound" />
 
-  <section v-else class="py-5" aria-labelledby="podcast-title">
+  <section v-else class="pb-5" aria-labelledby="podcast-title">
     <RouterLink
         :to="{ name: 'podcasts' }"
         class="text-success"
diff --git a/src/main/podcast/src/views/Podcasts.vue b/src/main/podcast/src/views/Podcasts.vue
index 8dd6ded7..64de86e9 100644
--- a/src/main/podcast/src/views/Podcasts.vue
+++ b/src/main/podcast/src/views/Podcasts.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import PodcastFilter from '../components/PodcastFilter.vue'
-import PodcastsHero from '../components/PodcastsHero.vue'
-import PodcastList from "../components/PodcastList.vue";
-
+import PodcastFilter from '../components/PodcastFilter.vue';
+import PodcastsHero from '../components/PodcastsHero.vue';
+import PodcastList from '../components/PodcastList.vue';
 </script>
 
 <template>

From 87454fb3abeaab5ab5e32c03710e370cc308d447 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 30 Oct 2026 16:03:01 +0100
Subject: [PATCH 27/28] DBT-422 fix player layout on mobile devices

---
 src/main/podcast/src/components/Player.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index e1773b22..03aaaa29 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -829,7 +829,7 @@ onUnmounted(() => {
       gap: 0;
 
       input {
-        width: clamp(2.5rem, 12vw, 3.75rem);
+        width: clamp(4rem, 18vw, 5.25rem);
       }
     }
 
@@ -848,12 +848,19 @@ onUnmounted(() => {
   }
 
   @media (max-width: 375px) {
+    --player-control-size: 2rem;
+    --player-play-size: 2.5rem;
+
     &__inner {
-      grid-template-areas:
-        "track track"
-        "transport transport"
-        "tools tools"
-        "timeline timeline";
+      column-gap: 0;
+    }
+
+    &__transport {
+      gap: 0;
+    }
+
+    &__volume input {
+      width: clamp(3.5rem, 18vw, 4rem);
     }
   }
 

From 8d004c349601e3efe59137a649d82c6be4b2e1c2 Mon Sep 17 00:00:00 2001
From: Oleksandr Kholod <oleksandr.kholod@uni-jena.de>
Date: Fri, 30 Oct 2026 16:49:18 +0100
Subject: [PATCH 28/28] DBT-422 refine episode ordering, player navigation, and
 playlist typography

---
 src/main/podcast/src/components/Player.vue    | 37 ++++++++-----------
 .../src/components/PlaylistEpisode.vue        | 28 +++++++++-----
 .../podcast/src/components/PlaylistHeader.vue | 31 +++++++++-------
 src/main/podcast/src/stores/player.ts         |  4 +-
 src/main/podcast/src/style.css                | 21 +++++++++++
 src/main/podcast/tsconfig.app.json            |  1 +
 6 files changed, 75 insertions(+), 47 deletions(-)

diff --git a/src/main/podcast/src/components/Player.vue b/src/main/podcast/src/components/Player.vue
index 03aaaa29..bad2a3ba 100644
--- a/src/main/podcast/src/components/Player.vue
+++ b/src/main/podcast/src/components/Player.vue
@@ -369,9 +369,7 @@ onUnmounted(() => {
             type="button"
             :aria-label="t('podcast.player.previousEpisode')"
             :title="t('podcast.player.previousEpisode')"
-            :disabled="
-              playerStore.currentEpisodeIndex <= 0
-            "
+            :disabled="playerStore.currentEpisodeIndex >= playerStore.episodes.length - 1"
             @click="playerStore.previousEpisode"
         >
           <i
@@ -441,10 +439,7 @@ onUnmounted(() => {
             type="button"
             :aria-label="t('podcast.player.nextEpisode')"
             :title="t('podcast.player.nextEpisode')"
-            :disabled="
-              playerStore.currentEpisodeIndex >=
-              playerStore.episodes.length - 1
-            "
+            :disabled="playerStore.currentEpisodeIndex <= 0"
             @click="playerStore.nextEpisode"
         >
           <i
@@ -600,7 +595,7 @@ onUnmounted(() => {
   &__artwork-placeholder {
     place-items: center;
     color: var(--bs-success);
-    font-size: 1.35rem;
+    font-size: var(--podcast-icon-artwork);
   }
 
   &__copy {
@@ -609,7 +604,8 @@ onUnmounted(() => {
 
   &__status {
     color: var(--bs-secondary-color);
-    font-size: 0.68rem;
+    font-size: var(--podcast-font-caption);
+    line-height: var(--podcast-line-height-compact);
     font-weight: 700;
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -628,12 +624,14 @@ onUnmounted(() => {
   }
 
   &__title {
-    font-size: 0.95rem;
+    font-size: var(--podcast-font-item-title);
+    line-height: var(--podcast-line-height-compact);
     font-weight: 700;
   }
 
   &__context {
-    font-size: 0.75rem;
+    font-size: var(--podcast-font-meta);
+    line-height: var(--podcast-line-height-compact);
   }
 
   &__button {
@@ -642,6 +640,7 @@ onUnmounted(() => {
     background: transparent;
     color: var(--bs-success-text-emphasis);
     cursor: pointer;
+    font-size: var(--podcast-icon-control);
     line-height: 1;
 
     &:hover:not(:disabled) {
@@ -671,7 +670,7 @@ onUnmounted(() => {
     height: var(--player-play-size);
     background: var(--bs-success);
     color: var(--bs-white);
-    font-size: 1.65rem;
+    font-size: var(--podcast-icon-action);
 
     &:hover:not(:disabled) {
       background: var(--bs-success-text-emphasis);
@@ -680,7 +679,7 @@ onUnmounted(() => {
   }
 
   &__play-icon {
-    font-size: 1.65rem;
+    font-size: var(--podcast-icon-action);
 
     &.fa-play {
       position: relative;
@@ -699,7 +698,7 @@ onUnmounted(() => {
     min-width: 2.6rem;
     padding-inline: 0.35rem;
     color: var(--bs-success-text-emphasis);
-    font-size: 0.78rem;
+    font-size: var(--podcast-font-control);
     font-weight: 700;
   }
 
@@ -735,7 +734,8 @@ onUnmounted(() => {
       3.25rem;
     align-items: center;
     gap: 0.5rem;
-    font-size: 0.72rem;
+    font-size: var(--podcast-font-caption);
+    line-height: var(--podcast-line-height-compact);
     font-variant-numeric: tabular-nums;
 
     input {
@@ -756,7 +756,7 @@ onUnmounted(() => {
     height: clamp(1rem, 1.2vw, 1.25rem);
     color: var(--bs-danger);
     background-color: rgba(var(--bs-danger-rgb), 0.1);
-    font-size: clamp(0.55rem, 1.3vw, 0.75rem);
+    font-size: var(--podcast-font-caption);
     transition:
         background-color 0.15s ease,
         color 0.15s ease,
@@ -808,10 +808,6 @@ onUnmounted(() => {
       padding-right: 2rem;
     }
 
-    &__title {
-      font-size: 0.84rem;
-    }
-
     &__transport {
       gap: 0.1rem;
     }
@@ -839,7 +835,6 @@ onUnmounted(() => {
         minmax(0, 1fr)
         max-content;
       gap: 0.2rem;
-      font-size: 0.66rem;
     }
 
     input[type="range"] {
diff --git a/src/main/podcast/src/components/PlaylistEpisode.vue b/src/main/podcast/src/components/PlaylistEpisode.vue
index 3364af08..5a6fcc9e 100644
--- a/src/main/podcast/src/components/PlaylistEpisode.vue
+++ b/src/main/podcast/src/components/PlaylistEpisode.vue
@@ -75,7 +75,7 @@ watch(
         aria-labelledby="episode-heading"
     >
       <div
-          v-for="(episode, index) in playlistMetadata.episodes"
+          v-for="(episode, index) in playlistMetadata.episodes.toReversed()"
           :key="episode.guid"
           :id="`episode-item-${index}`"
           class="episode-list__item accordion-item position-relative"
@@ -166,6 +166,8 @@ watch(
 
   &__heading {
     margin-bottom: 1rem;
+    font-size: var(--podcast-font-heading);
+    line-height: var(--podcast-line-height-tight);
   }
 
   &__item {
@@ -203,6 +205,8 @@ watch(
 
   &__toggle {
     min-height: 3.75rem;
+    font-size: var(--podcast-font-item-title);
+    line-height: var(--podcast-line-height-compact);
 
     &:hover {
       background-color: transparent;
@@ -247,6 +251,16 @@ watch(
 
     .accordion-body {
       overflow-wrap: anywhere;
+
+      > .small {
+        font-size: var(--podcast-font-meta);
+        line-height: var(--podcast-line-height-compact);
+      }
+    }
+
+    .description {
+      font-size: var(--podcast-font-body-small);
+      line-height: var(--podcast-line-height-body);
     }
   }
 
@@ -261,6 +275,8 @@ watch(
     );
     min-height: 2rem;
     padding: 0.2rem 0.75rem;
+    font-size: var(--podcast-font-control);
+    line-height: var(--podcast-line-height-compact);
     font-variant-numeric: tabular-nums;
     white-space: nowrap;
     transform: translateY(-50%);
@@ -271,7 +287,7 @@ watch(
     }
 
     .fas {
-      font-size: 1.1rem;
+      font-size: var(--podcast-icon-control);
       line-height: 1;
     }
   }
@@ -286,25 +302,17 @@ watch(
 
     &__heading {
       margin-bottom: 0.75rem;
-      font-size: 1.375rem;
     }
 
     &__toggle {
       min-height: clamp(2.875rem, 13vw, 3.25rem);
       padding-block: clamp(0.45rem, 2vw, 0.625rem);
       padding-left: 0.625rem;
-      font-size: clamp(0.8rem, 3.8vw, 0.9rem);
-      line-height: 1.25;
     }
 
     &__play {
       min-height: clamp(1.5rem, 7vw, 1.875rem);
       padding-inline: clamp(0.25rem, 1.5vw, 0.375rem);
-      font-size: clamp(0.65rem, 2.5vw, 0.7rem);
-
-      .fas {
-        font-size: clamp(0.8rem, 3vw, 0.9rem);
-      }
     }
 
     &__collapse-inner .accordion-body {
diff --git a/src/main/podcast/src/components/PlaylistHeader.vue b/src/main/podcast/src/components/PlaylistHeader.vue
index 8bc10f70..bdb16c5a 100644
--- a/src/main/podcast/src/components/PlaylistHeader.vue
+++ b/src/main/podcast/src/components/PlaylistHeader.vue
@@ -242,7 +242,7 @@ onUnmounted(() => {
   }
 
   &__cover-placeholder {
-    font-size: 3rem;
+    font-size: var(--podcast-icon-placeholder);
   }
 
   &__info {
@@ -250,20 +250,26 @@ onUnmounted(() => {
 
     > h1 {
       margin-bottom: clamp(0.75rem, 2vw, 1rem);
-      font-size: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
-      line-height: 1.15;
+      font-size: var(--podcast-font-display);
+      line-height: var(--podcast-line-height-tight);
       overflow-wrap: anywhere;
     }
   }
 
   &__topics {
     margin-bottom: 1rem;
+
+    .badge {
+      font-size: var(--podcast-font-control);
+    }
   }
 
   &__details {
     --bs-gutter-x: 0;
 
     margin-bottom: 0.5rem;
+    font-size: var(--podcast-font-body);
+    line-height: var(--podcast-line-height-compact);
 
     dt,
     dd {
@@ -273,7 +279,8 @@ onUnmounted(() => {
 
   &__authors {
     margin-bottom: 0.5rem;
-    font-size: 0.875rem;
+    font-size: var(--podcast-font-meta);
+    line-height: var(--podcast-line-height-compact);
     overflow-wrap: anywhere;
 
     &:empty {
@@ -283,7 +290,8 @@ onUnmounted(() => {
 
   &__description {
     margin-bottom: 0.65rem;
-    line-height: 1.5;
+    font-size: var(--podcast-font-body);
+    line-height: var(--podcast-line-height-body);
     overflow-wrap: anywhere;
 
     &:not(.is-expanded) {
@@ -300,7 +308,8 @@ onUnmounted(() => {
     margin-bottom: 0.75rem;
     color: var(--bs-success);
     cursor: pointer;
-    font-size: 0.85rem;
+    font-size: var(--podcast-font-control);
+    line-height: var(--podcast-line-height-compact);
     font-weight: 600;
 
     &:hover {
@@ -315,6 +324,8 @@ onUnmounted(() => {
 
   &__latest {
     min-height: 2.5rem;
+    font-size: var(--podcast-font-body);
+    line-height: var(--podcast-line-height-compact);
   }
 
   @media (max-width: 767.98px) {
@@ -343,7 +354,6 @@ onUnmounted(() => {
 
     &__info > h1 {
       margin-bottom: 0.5rem;
-      font-size: clamp(1.25rem, 6vw, 1.5rem);
     }
 
     &__topics {
@@ -351,14 +361,11 @@ onUnmounted(() => {
 
       .badge {
         padding: 0.3em 0.55em;
-        font-size: 0.7rem;
       }
     }
 
     &__details {
       margin-bottom: 0.25rem;
-      font-size: 0.85rem;
-      line-height: 1.35;
 
       dt,
       dd {
@@ -377,13 +384,10 @@ onUnmounted(() => {
 
     &__authors {
       margin-bottom: 0.375rem;
-      font-size: 0.75rem;
     }
 
     &__description {
       margin-bottom: 0.4rem;
-      font-size: 0.875rem;
-      line-height: 1.4;
 
       &:not(.is-expanded) {
         max-height: 5.6em;
@@ -394,7 +398,6 @@ onUnmounted(() => {
     &__description-toggle {
       gap: 0.25rem;
       margin-bottom: 0.5rem;
-      font-size: 0.75rem;
     }
   }
 
diff --git a/src/main/podcast/src/stores/player.ts b/src/main/podcast/src/stores/player.ts
index 5da88a6a..e6212728 100644
--- a/src/main/podcast/src/stores/player.ts
+++ b/src/main/podcast/src/stores/player.ts
@@ -58,7 +58,7 @@ export const usePlayerStore = defineStore('player', () => {
     };
   }
 
-  function nextEpisode(): void {
+  function previousEpisode(): void {
     if (currentEpisodeIndex.value < 0 || currentEpisodeIndex.value >= episodes.value.length - 1) {
       return;
     }
@@ -66,7 +66,7 @@ export const usePlayerStore = defineStore('player', () => {
     selectEpisode(episodes.value[currentEpisodeIndex.value + 1]);
   }
 
-  function previousEpisode(): void {
+  function nextEpisode(): void {
     if (currentEpisodeIndex.value <= 0) {
       return;
     }
diff --git a/src/main/podcast/src/style.css b/src/main/podcast/src/style.css
index 8c4aea69..e4f0b27a 100644
--- a/src/main/podcast/src/style.css
+++ b/src/main/podcast/src/style.css
@@ -1,3 +1,24 @@
 #main_content > .container[data-v-app] {
+    /* Typography */
+    --podcast-font-display: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
+    --podcast-font-heading: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
+    --podcast-font-item-title: clamp(0.9375rem, 0.88rem + 0.2vw, 1.0625rem);
+    --podcast-font-body: clamp(0.875rem, 0.82rem + 0.2vw, 1rem);
+    --podcast-font-body-small: clamp(0.8125rem, 0.77rem + 0.15vw, 0.9375rem);
+    --podcast-font-meta: clamp(0.75rem, 0.72rem + 0.12vw, 0.875rem);
+    --podcast-font-caption: clamp(0.6875rem, 0.66rem + 0.1vw, 0.75rem);
+    --podcast-font-control: clamp(0.75rem, 0.71rem + 0.15vw, 0.875rem);
+
+    /* Line Heights */
+    --podcast-line-height-tight: 1.2;
+    --podcast-line-height-compact: 1.4;
+    --podcast-line-height-body: 1.5;
+
+    /* Icons */
+    --podcast-icon-placeholder: clamp(2rem, 1.7rem + 1.2vw, 3rem);
+    --podcast-icon-artwork: clamp(1rem, 0.95rem + 0.2vw, 1.25rem);
+    --podcast-icon-control: clamp(1rem, 0.95rem + 0.2vw, 1.25rem);
+    --podcast-icon-action: clamp(1.25rem, 1.15rem + 0.4vw, 1.75rem);
+
   min-width: 0;
 }
diff --git a/src/main/podcast/tsconfig.app.json b/src/main/podcast/tsconfig.app.json
index 21914a1d..2419297b 100644
--- a/src/main/podcast/tsconfig.app.json
+++ b/src/main/podcast/tsconfig.app.json
@@ -4,6 +4,7 @@
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "types": ["vite/client"],
     "allowArbitraryExtensions": true,
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
 
     /* Linting */
     "noUnusedLocals": true,