diff --git a/.github/workflows/android-release.yml b/.github/workflows/android-release.yml
index b9000255b..125d995ee 100644
--- a/.github/workflows/android-release.yml
+++ b/.github/workflows/android-release.yml
@@ -59,11 +59,11 @@ jobs:
       - name: Sync Capacitor
         run: npx cap sync
         working-directory: apps/picsa-apps/extension-app-native
-      - name: Set up JDK 11
+      - name: Set up JDK 17
         uses: actions/setup-java@v2
         with:
           distribution: 'zulu'
-          java-version: '11'
+          java-version: '17'
           java-package: jdk
           cache: 'gradle'
       - name: Setup Android SDK
diff --git a/apps/picsa-apps/extension-app-native/android/.idea/misc.xml b/apps/picsa-apps/extension-app-native/android/.idea/misc.xml
index 9e1d58b02..fdc12d097 100644
--- a/apps/picsa-apps/extension-app-native/android/.idea/misc.xml
+++ b/apps/picsa-apps/extension-app-native/android/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="DesignSurface">
     <option name="filePathToZoomLevelMap">
diff --git a/apps/picsa-apps/extension-app-native/android/app/build.gradle b/apps/picsa-apps/extension-app-native/android/app/build.gradle
index fb1cf541e..db383a7fd 100644
--- a/apps/picsa-apps/extension-app-native/android/app/build.gradle
+++ b/apps/picsa-apps/extension-app-native/android/app/build.gradle
@@ -7,8 +7,8 @@ android {
         applicationId "io.picsa.extension"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 3033000
-        versionName "3.33.0"
+        versionCode 3034000
+        versionName "3.34.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
@@ -41,6 +41,9 @@ dependencies {
     androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
     implementation project(':capacitor-cordova-android-plugins')
 
+    // Required for capacitor-video-player
+    implementation 'com.google.android.gms:play-services-cast-framework:21.2.0'
+
     implementation(platform("com.google.firebase:firebase-bom:32.3.1"))
 }
 
diff --git a/apps/picsa-apps/extension-app-native/android/app/capacitor.build.gradle b/apps/picsa-apps/extension-app-native/android/app/capacitor.build.gradle
index 03cd3ca9d..a4a15d05e 100644
--- a/apps/picsa-apps/extension-app-native/android/app/capacitor.build.gradle
+++ b/apps/picsa-apps/extension-app-native/android/app/capacitor.build.gradle
@@ -14,6 +14,7 @@ dependencies {
     implementation project(':capacitor-device')
     implementation project(':capacitor-filesystem')
     implementation project(':capacitor-blob-writer')
+    implementation project(':capacitor-video-player')
     implementation project(':capacitor-community-firebase-analytics')
     implementation project(':capacitor-community-firebase-crashlytics')
     implementation project(':capacitor-firebase-performance')
diff --git a/apps/picsa-apps/extension-app-native/android/app/src/main/AndroidManifest.xml b/apps/picsa-apps/extension-app-native/android/app/src/main/AndroidManifest.xml
index 93a81f3bb..af0a79a1e 100644
--- a/apps/picsa-apps/extension-app-native/android/app/src/main/AndroidManifest.xml
+++ b/apps/picsa-apps/extension-app-native/android/app/src/main/AndroidManifest.xml
@@ -9,6 +9,12 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
+        
+        <!-- Required for capacitor-video-player -->
+        <meta-data
+            android:name="com.google.android.gms.cast.framework.OPTIONS_PROVIDER_CLASS_NAME"
+            android:value="com.google.android.exoplayer2.ext.cast.DefaultCastOptionsProvider">
+        </meta-data>
 
         <activity
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
diff --git a/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.config.json b/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.config.json
index ac6296405..07354c917 100644
--- a/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.config.json
+++ b/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.config.json
@@ -1,28 +1,29 @@
 {
-	"appId": "io.picsa.extension",
-	"appName": "PICSA Extension",
-	"webDir": "../../../dist/apps/picsa-apps/extension-app",
-	"bundledWebRuntime": false,
-	"includePlugins": [
-		"@awesome-cordova-plugins/file-opener",
-		"cordova-plugin-file-opener2",
-		"@awesome-cordova-plugins/file",
-		"cordova-plugin-file",
-		"@awesome-cordova-plugins/social-sharing",
-		"cordova-plugin-x-socialsharing",
-		"cordova-plugin-codeplay-share-own-apk",
-		"@capacitor/app",
-		"@capacitor/browser",
-		"@capacitor/core",
-		"@capacitor/device",
-		"@capacitor/filesystem",
-		"capacitor-blob-writer",
-		"@capacitor-community/firebase-analytics",
-		"@capacitor-community/firebase-crashlytics",
-		"@capacitor-firebase/performance"
-	],
-	"server": {
-		"androidScheme": "http",
-		"cleartext": true
-	}
+  "appId": "io.picsa.extension",
+  "appName": "PICSA Extension",
+  "webDir": "../../../dist/apps/picsa-apps/extension-app",
+  "bundledWebRuntime": false,
+  "includePlugins": [
+    "@awesome-cordova-plugins/file-opener",
+    "cordova-plugin-file-opener2",
+    "@awesome-cordova-plugins/file",
+    "cordova-plugin-file",
+    "@awesome-cordova-plugins/social-sharing",
+    "cordova-plugin-x-socialsharing",
+    "cordova-plugin-codeplay-share-own-apk",
+    "@capacitor/app",
+    "@capacitor/browser",
+    "@capacitor/core",
+    "@capacitor/device",
+    "@capacitor/filesystem",
+    "capacitor-blob-writer",
+    "capacitor-video-player",
+    "@capacitor-community/firebase-analytics",
+    "@capacitor-community/firebase-crashlytics",
+    "@capacitor-firebase/performance"
+  ],
+  "server": {
+    "androidScheme": "http",
+    "cleartext": true
+  }
 }
diff --git a/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.plugins.json b/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.plugins.json
index ba845e242..9a856d37b 100644
--- a/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.plugins.json
+++ b/apps/picsa-apps/extension-app-native/android/app/src/main/assets/capacitor.plugins.json
@@ -19,6 +19,10 @@
 		"pkg": "capacitor-blob-writer",
 		"classpath": "com.equimaps.capacitorblobwriter.BlobWriter"
 	},
+	{
+		"pkg": "capacitor-video-player",
+		"classpath": "com.jeep.plugin.capacitor.capacitorvideoplayer.CapacitorVideoPlayerPlugin"
+	},
 	{
 		"pkg": "@capacitor-community/firebase-analytics",
 		"classpath": "com.getcapacitor.community.firebaseanalytics.FirebaseAnalytics"
diff --git a/apps/picsa-apps/extension-app-native/android/app/src/main/java/io/picsa/extension_toolkit/MainActivity.java b/apps/picsa-apps/extension-app-native/android/app/src/main/java/io/picsa/extension_toolkit/MainActivity.java
index 88858126a..9052fdb44 100644
--- a/apps/picsa-apps/extension-app-native/android/app/src/main/java/io/picsa/extension_toolkit/MainActivity.java
+++ b/apps/picsa-apps/extension-app-native/android/app/src/main/java/io/picsa/extension_toolkit/MainActivity.java
@@ -3,4 +3,10 @@
 import com.getcapacitor.BridgeActivity;
 
 public class MainActivity extends BridgeActivity {
+  // required for capacitor-video-player
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+    super.onCreate(savedInstanceState);
+    CastContext.getSharedInstance(this);
+  }
 }
diff --git a/apps/picsa-apps/extension-app-native/android/capacitor.settings.gradle b/apps/picsa-apps/extension-app-native/android/capacitor.settings.gradle
index f9d7d2a6c..d73627486 100644
--- a/apps/picsa-apps/extension-app-native/android/capacitor.settings.gradle
+++ b/apps/picsa-apps/extension-app-native/android/capacitor.settings.gradle
@@ -17,6 +17,9 @@ project(':capacitor-filesystem').projectDir = new File('../../../../node_modules
 include ':capacitor-blob-writer'
 project(':capacitor-blob-writer').projectDir = new File('../../../../node_modules/capacitor-blob-writer/android')
 
+include ':capacitor-video-player'
+project(':capacitor-video-player').projectDir = new File('../../../../node_modules/capacitor-video-player/android')
+
 include ':capacitor-community-firebase-analytics'
 project(':capacitor-community-firebase-analytics').projectDir = new File('../../../../node_modules/@capacitor-community/firebase-analytics/android')
 
diff --git a/apps/picsa-apps/extension-app-native/capacitor.config.ts b/apps/picsa-apps/extension-app-native/capacitor.config.ts
index dc838e884..d82bba7a1 100644
--- a/apps/picsa-apps/extension-app-native/capacitor.config.ts
+++ b/apps/picsa-apps/extension-app-native/capacitor.config.ts
@@ -24,6 +24,7 @@ const config: CapacitorConfig = {
     '@capacitor/device',
     '@capacitor/filesystem',
     'capacitor-blob-writer',
+    'capacitor-video-player',
     '@capacitor-community/firebase-analytics',
     '@capacitor-community/firebase-crashlytics',
     '@capacitor-firebase/performance',
diff --git a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.html b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.html
index 9c56e3ca2..db000adbd 100644
--- a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.html
+++ b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.html
@@ -1,19 +1,19 @@
 <div class="page-container">
   <h2>{{ activity?.label }}</h2>
 
-  <video class="video-player" [src]="activity?.video" controls></video>
+  <picsa-video-player *ngIf="activity?.video" [url]="activity?.video"></picsa-video-player>
 
   <div class="svg-row">
     <div class="svg-item">
-      <mat-icon color="primary" svgIcon="picsa_manual_info"></mat-icon>
+      <mat-icon class="row-mat-icon" color="primary" svgIcon="picsa_manual_info"></mat-icon>
       <div>{{ 'Info Sheet' | translate }}</div>
     </div>
     <div class="svg-item">
-      <mat-icon color="primary" svgIcon="picsa_manual_create"></mat-icon>
+      <mat-icon class="row-mat-icon" color="primary" svgIcon="picsa_manual_create"></mat-icon>
       <div>{{ 'Create' | translate }}</div>
     </div>
     <div class="svg-item">
-      <mat-icon color="primary" svgIcon="picsa_manual_quiz"></mat-icon>
+      <mat-icon class="row-mat-icon" color="primary" svgIcon="picsa_manual_quiz"></mat-icon>
       <div>{{ 'Quiz' | translate }}</div>
     </div>
   </div>
diff --git a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.scss b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.scss
index 6daec6f91..7d383e64c 100644
--- a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.scss
+++ b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.scss
@@ -1,34 +1,30 @@
-.page-container{
-    padding-left: 1rem;
-    padding-right: 1rem;
-    width: 90%;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
+.page-container {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  width: 90%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
-h2{
-    margin-bottom: 2rem;
+h2 {
+  margin-bottom: 2rem;
 }
-.video-player{
-    width: 70%;
-    margin-bottom: 2rem;
+.svg-row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  margin-top: 3rem;
+  justify-content: space-evenly;
+  align-items: center;
 }
-.svg-row{
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    margin-top: 3rem;
-    justify-content: space-evenly;
-    align-items: center;
-}
-mat-icon{
-    height: 3rem;
-    width: 3rem;
+.row-mat-icon {
+  height: 3rem;
+  width: 3rem;
 }
 
-.svg-item{
-   flex-direction: column;
-   display: flex;
-   align-items: center;
-   gap:.5rem
-}
\ No newline at end of file
+.svg-item {
+  flex-direction: column;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
diff --git a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.ts b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.ts
index c9ca79ae1..63ce7e4db 100644
--- a/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.ts
+++ b/apps/picsa-tools/manual-tool/src/app/pages/activity-details/activity-details.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
-import { IManualActivity, PICSA_MANUAL_GRID_DATA_EXTENSION } from '../../data';
+import { IManualActivity, PICSA_MANUAL_GRID_DATA_EXTENSION } from '../../data/manual-contents';
 
 @Component({
   selector: 'picsa-manual-activity-details',
@@ -12,7 +12,7 @@ export class ActivityDetailsComponent implements OnInit {
   activity?: IManualActivity;
 
   constructor(private route: ActivatedRoute) {}
-  ngOnInit() {
+  async ngOnInit() {
     const activityId = this.route.snapshot.params.id;
     if (activityId) {
       this.activity = PICSA_MANUAL_GRID_DATA_EXTENSION.find((activity) => activity.id === activityId);
diff --git a/apps/picsa-tools/manual-tool/src/app/pages/activity/activity.module.ts b/apps/picsa-tools/manual-tool/src/app/pages/activity/activity.module.ts
index 947c28f7c..bea726e36 100644
--- a/apps/picsa-tools/manual-tool/src/app/pages/activity/activity.module.ts
+++ b/apps/picsa-tools/manual-tool/src/app/pages/activity/activity.module.ts
@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { Route, RouterModule } from '@angular/router';
+import { PicsaVideoPlayerModule } from '@picsa/shared/features';
 import { PicsaTranslateModule } from '@picsa/shared/modules';
 
 import { ManualToolComponentsModule } from '../../components/components.module';
@@ -20,7 +21,14 @@ const routes: Route[] = [
 ];
 
 @NgModule({
-  imports: [CommonModule, ManualToolComponentsModule,MatIconModule, RouterModule.forChild(routes), PicsaTranslateModule],
+  imports: [
+    CommonModule,
+    ManualToolComponentsModule,
+    MatIconModule,
+    RouterModule.forChild(routes),
+    PicsaTranslateModule,
+    PicsaVideoPlayerModule,
+  ],
   exports: [],
   declarations: [ActivityComponent, ActivityDetailsComponent],
   providers: [],
diff --git a/apps/picsa-tools/resources-tool/src/assets/resources/contents.json b/apps/picsa-tools/resources-tool/src/assets/resources/contents.json
index d0716918d..99ac8ce5b 100644
--- a/apps/picsa-tools/resources-tool/src/assets/resources/contents.json
+++ b/apps/picsa-tools/resources-tool/src/assets/resources/contents.json
@@ -44,8 +44,8 @@
   "covers/facebook.svg": {
     "relativePath": "covers/facebook.svg",
     "size_kb": 1.1,
-    "md5Checksum": "8626bc9119bd6b8bc0fa04e8a20b6e74",
-    "modifiedTime": "2022-09-28T20:19:52.986Z"
+    "md5Checksum": "a09b2f44f6b44b5b6e29aedba9f92029",
+    "modifiedTime": "2023-07-10T22:11:12.359Z"
   },
   "covers/gap.jpg": {
     "relativePath": "covers/gap.jpg",
@@ -61,9 +61,9 @@
   },
   "covers/gender-equality.svg": {
     "relativePath": "covers/gender-equality.svg",
-    "size_kb": 5.5,
-    "md5Checksum": "0b6599c4d8b3a87b787910b18a9d8851",
-    "modifiedTime": "2022-11-01T20:27:18.286Z"
+    "size_kb": 5.4,
+    "md5Checksum": "95af38f37c2179d4ad0c5288cbb236ed",
+    "modifiedTime": "2023-07-10T22:11:12.359Z"
   },
   "covers/gras-nelk.jpg": {
     "relativePath": "covers/gras-nelk.jpg",
@@ -110,8 +110,8 @@
   "covers/spreadsheet.svg": {
     "relativePath": "covers/spreadsheet.svg",
     "size_kb": 2.8,
-    "md5Checksum": "a03a4bfb0a1791fda8e232a8b032715b",
-    "modifiedTime": "2022-09-30T09:35:53.529Z"
+    "md5Checksum": "0a1bc91188bbc03fda0a7cb2bc1aa6ce",
+    "modifiedTime": "2023-07-10T22:11:12.360Z"
   },
   "covers/twitter.png": {
     "relativePath": "covers/twitter.png",
@@ -122,8 +122,8 @@
   "covers/weather.svg": {
     "relativePath": "covers/weather.svg",
     "size_kb": 3.1,
-    "md5Checksum": "db07c7d20d9520124c251c810c5817fd",
-    "modifiedTime": "2022-09-28T19:22:58.064Z"
+    "md5Checksum": "ca87f24916d258b8b8b5dd8343d4305b",
+    "modifiedTime": "2023-07-10T22:11:12.360Z"
   },
   "covers/whatsapp.svg": {
     "relativePath": "covers/whatsapp.svg",
diff --git a/libs/environments/src/version.ts b/libs/environments/src/version.ts
index 5cbcd07cb..6b39314c0 100644
--- a/libs/environments/src/version.ts
+++ b/libs/environments/src/version.ts
@@ -4,5 +4,5 @@ import packageJson from '../../../package.json';
 
 export const APP_VERSION = {
   number: packageJson.version,
-  date: '2023-09-18',
+  date: '2023-09-19',
 };
diff --git a/libs/shared/src/features/index.ts b/libs/shared/src/features/index.ts
index df7651d2a..65cfd6283 100644
--- a/libs/shared/src/features/index.ts
+++ b/libs/shared/src/features/index.ts
@@ -2,3 +2,4 @@ export * from './animations';
 export * from './charts';
 export * from './dialog';
 export * from './map';
+export * from './video-player';
diff --git a/libs/shared/src/features/video-player/index.ts b/libs/shared/src/features/video-player/index.ts
new file mode 100644
index 000000000..ef1603137
--- /dev/null
+++ b/libs/shared/src/features/video-player/index.ts
@@ -0,0 +1,17 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+import { VideoPlayerComponent } from './video-player.component';
+
+@NgModule({
+  imports: [CommonModule, MatButtonModule, MatIconModule],
+  exports: [VideoPlayerComponent],
+  declarations: [VideoPlayerComponent],
+  providers: [],
+})
+/**
+ * Provide a `<picsa-video-player>` component that plays videos on web or native device
+ */
+export class PicsaVideoPlayerModule {}
diff --git a/libs/shared/src/features/video-player/video-player.component.html b/libs/shared/src/features/video-player/video-player.component.html
new file mode 100644
index 000000000..449f9572d
--- /dev/null
+++ b/libs/shared/src/features/video-player/video-player.component.html
@@ -0,0 +1,6 @@
+<div class="placeholder" [id]="playerId" #playerEl slot="fixed">
+  <button *ngIf="showPlayButton" mat-fab color="primary" class="play-button" (click)="playVideo()" [disabled]="!url">
+    <mat-icon>play_arrow</mat-icon>
+  </button>
+  <p *ngIf="!url" class="error-message mat-error">No Video Selected</p>
+</div>
diff --git a/libs/shared/src/features/video-player/video-player.component.scss b/libs/shared/src/features/video-player/video-player.component.scss
new file mode 100644
index 000000000..60efb0e42
--- /dev/null
+++ b/libs/shared/src/features/video-player/video-player.component.scss
@@ -0,0 +1,42 @@
+@use '@angular/material' as mat;
+
+:host {
+  display: contents;
+}
+.placeholder {
+  position: relative;
+  width: 100%;
+  max-width: 480px;
+  margin-bottom: 2rem;
+  aspect-ratio: 16/9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.25);
+}
+$icon-size: 3rem;
+.play-button {
+  position: absolute;
+  z-index: 3;
+  height: calc($icon-size + 1rem);
+  width: calc($icon-size + 1rem);
+  padding: 0.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  mat-icon {
+    height: $icon-size;
+    width: $icon-size;
+    font-size: $icon-size;
+  }
+}
+.error-message {
+  position: absolute;
+  top: 8px;
+  padding: 8px;
+  text-align: center;
+  font-weight: bold;
+  border-radius: 4px;
+  background: #ffffff;
+  color: var(--color-warn);
+}
diff --git a/libs/shared/src/features/video-player/video-player.component.spec.ts b/libs/shared/src/features/video-player/video-player.component.spec.ts
new file mode 100644
index 000000000..117bbba91
--- /dev/null
+++ b/libs/shared/src/features/video-player/video-player.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { VideoPlayerComponent } from './video-player.component';
+
+describe('VideoPlayerComponent', () => {
+  let component: VideoPlayerComponent;
+  let fixture: ComponentFixture<VideoPlayerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [VideoPlayerComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(VideoPlayerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/libs/shared/src/features/video-player/video-player.component.ts b/libs/shared/src/features/video-player/video-player.component.ts
new file mode 100644
index 000000000..1b3dbf8b7
--- /dev/null
+++ b/libs/shared/src/features/video-player/video-player.component.ts
@@ -0,0 +1,142 @@
+import { AfterViewInit, Component, Input, OnDestroy } from '@angular/core';
+import { Capacitor } from '@capacitor/core';
+import { CapacitorVideoPlayer, CapacitorVideoPlayerPlugin, capVideoPlayerOptions } from 'capacitor-video-player';
+
+// Fix listeners missing from type
+// https://github.com/jepiqueau/capacitor-video-player/blob/master/docs/API.md#listeners
+type IVideoEvent =
+  | 'jeepCapVideoPlayerReady'
+  | 'jeepCapVideoPlayerPlay'
+  | 'jeepCapVideoPlayerPause'
+  | 'jeepCapVideoPlayerEnded'
+  | 'jeepCapVideoPlayerExit';
+interface capVideoListener {
+  playerId: string;
+  currentTime: number;
+}
+interface IVideoPlayer extends CapacitorVideoPlayerPlugin {
+  addListener: (event: IVideoEvent, callback: (data: capVideoListener) => void) => void;
+  removeListener: (event: IVideoEvent, callback: (data: capVideoListener) => void) => void;
+}
+
+@Component({
+  selector: 'picsa-video-player',
+  templateUrl: './video-player.component.html',
+  styleUrls: ['./video-player.component.scss'],
+})
+export class VideoPlayerComponent implements AfterViewInit, OnDestroy {
+  /** Optional override of player options */
+  @Input() options: Partial<capVideoPlayerOptions> = {};
+  /** Url of video to player */
+  @Input() url?: string;
+  /** Unique identifier used in case of multiple players*/
+  protected playerId = `videoPlayer_${generateID(5)}`;
+
+  protected showPlayButton = Capacitor.isNativePlatform() ? true : false;
+
+  public videoPlayer = CapacitorVideoPlayer as IVideoPlayer;
+
+  private playerOptions: capVideoPlayerOptions;
+
+  async ngAfterViewInit() {
+    // When running on native platform avoid init as will trigger fullscreen playback
+    // Instead prefer just to show play button which will call init on play
+    // When running on web call init immediately as this will populate a visual preview of content
+    if (!Capacitor.isNativePlatform()) {
+      this.initPlayer();
+    }
+  }
+
+  async ngOnDestroy() {
+    await this.videoPlayer.stopAllPlayers();
+    this.removeListeners();
+  }
+
+  public async playVideo() {
+    // On native initialise before every playback to ensure full screen fragments created
+    if (Capacitor.isNativePlatform()) {
+      await this.initPlayer();
+    } else {
+      await this.videoPlayer.play({ playerId: this.playerId });
+    }
+  }
+
+  private async initPlayer() {
+    if (!this.url) return;
+    const defaultOptions: capVideoPlayerOptions = {
+      mode: 'embedded',
+      url: this.url,
+      playerId: this.playerId,
+      componentTag: 'picsa-video-player',
+      exitOnEnd: false,
+      width: 480,
+      height: 270,
+      displayMode: 'landscape',
+    };
+    if (Capacitor.isNativePlatform()) {
+      defaultOptions.mode = 'fullscreen';
+      defaultOptions.exitOnEnd = true;
+      if (this.url.startsWith('assets')) {
+        // NOTE - android local assets require 'public' prefix
+        // https://github.com/jepiqueau/capacitor-video-player/blob/master/docs/API.md#from-asset
+        defaultOptions.url = `public/${this.url}`;
+      }
+    }
+    // Merge default options with user override
+    this.playerOptions = { ...defaultOptions, ...this.options };
+    await this.videoPlayer.initPlayer(this.playerOptions);
+    this.addListeners();
+  }
+
+  /*********************************************************************************
+   *                                  Events
+   * Various play start/stop events can be listened to, with player id and time returned
+   * Currently mostly just used for toggling play button display
+   *********************************************************************************/
+
+  /**
+   * Add listener for play events
+   * Use named functions to allow removal on destroy
+   */
+  private addListeners() {
+    this.videoPlayer.addListener('jeepCapVideoPlayerReady', this.handlePlayerReady.bind(this));
+    this.videoPlayer.addListener('jeepCapVideoPlayerPlay', this.handlePlayerPlay.bind(this));
+    this.videoPlayer.addListener('jeepCapVideoPlayerPause', this.handlePlayerPause.bind(this));
+    this.videoPlayer.addListener('jeepCapVideoPlayerEnded', this.handlePlayerEnded.bind(this));
+    this.videoPlayer.addListener('jeepCapVideoPlayerExit', this.handlePlayerExit.bind(this));
+  }
+
+  /** Remove all event listeners */
+  private removeListeners() {
+    this.videoPlayer.removeListener('jeepCapVideoPlayerReady', this.handlePlayerReady);
+    this.videoPlayer.removeListener('jeepCapVideoPlayerPlay', this.handlePlayerPlay);
+    this.videoPlayer.removeListener('jeepCapVideoPlayerPause', this.handlePlayerPause);
+    this.videoPlayer.removeListener('jeepCapVideoPlayerEnded', this.handlePlayerEnded);
+    this.videoPlayer.removeListener('jeepCapVideoPlayerExit', this.handlePlayerExit);
+  }
+  private handlePlayerReady() {
+    this.showPlayButton = true;
+  }
+  private handlePlayerPlay() {
+    this.showPlayButton = false;
+  }
+  private handlePlayerPause() {
+    this.showPlayButton = true;
+  }
+
+  private handlePlayerEnded() {
+    this.showPlayButton = true;
+  }
+  private handlePlayerExit() {
+    this.showPlayButton = true;
+  }
+}
+
+// HACK - adapted from db method
+function generateID(length = 20, chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789') {
+  let autoId = '';
+  for (let i = 0; i < length; i++) {
+    autoId += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return autoId;
+}
diff --git a/libs/theme/src/themes/picsa-global.scss b/libs/theme/src/themes/picsa-global.scss
index a19518e9a..b73705103 100644
--- a/libs/theme/src/themes/picsa-global.scss
+++ b/libs/theme/src/themes/picsa-global.scss
@@ -88,6 +88,7 @@ body[data-theme='picsa-global'] {
   --color-primary: #{map-get($palette-primary, 500)};
   --color-primary-50: #{map-get($palette-primary, 50)};
   --color-secondary: #{map-get($palette-accent, 500)};
+  --color-warn: #{map-get($palette-warn, 500)};
   --color-black: #1a2138;
   --color-light: #d8d8d8;
   --color-white: #ffffff;
diff --git a/libs/theme/src/themes/picsa-mw.scss b/libs/theme/src/themes/picsa-mw.scss
index a75555ef0..fb0cd9c74 100644
--- a/libs/theme/src/themes/picsa-mw.scss
+++ b/libs/theme/src/themes/picsa-mw.scss
@@ -88,6 +88,7 @@ body[data-theme='picsa-mw'] {
   --color-primary: #{map-get($palette-primary, 500)};
   --color-primary-50: #{map-get($palette-primary, 50)};
   --color-secondary: #{map-get($palette-accent, 500)};
+  --color-warn: #{map-get($palette-warn, 500)};
   --color-black: #1a2138;
   --color-light: #d8d8d8;
   --color-white: #ffffff;
diff --git a/libs/theme/src/themes/picsa-tj.scss b/libs/theme/src/themes/picsa-tj.scss
index 06d3811b9..23b690eea 100644
--- a/libs/theme/src/themes/picsa-tj.scss
+++ b/libs/theme/src/themes/picsa-tj.scss
@@ -88,6 +88,7 @@ body[data-theme='picsa-tj'] {
   --color-primary: #{map-get($palette-primary, 500)};
   --color-primary-50: #{map-get($palette-primary, 50)};
   --color-secondary: #{map-get($palette-accent, 500)};
+  --color-warn: #{map-get($palette-warn, 500)};
   --color-black: #1a2138;
   --color-light: #d8d8d8;
   --color-white: #ffffff;
diff --git a/libs/theme/src/themes/picsa-zm.scss b/libs/theme/src/themes/picsa-zm.scss
index f9474dc7e..d3b0b3098 100644
--- a/libs/theme/src/themes/picsa-zm.scss
+++ b/libs/theme/src/themes/picsa-zm.scss
@@ -88,6 +88,7 @@ body[data-theme='picsa-zm'] {
   --color-primary: #{map-get($palette-primary, 500)};
   --color-primary-50: #{map-get($palette-primary, 50)};
   --color-secondary: #{map-get($palette-accent, 500)};
+  --color-warn: #{map-get($palette-warn, 500)};
   --color-black: #1a2138;
   --color-light: #d8d8d8;
   --color-white: #ffffff;
diff --git a/libs/webcomponents/src/components/enketo-webform/readme.md b/libs/webcomponents/src/components/enketo-webform/readme.md
index 4b4d1a9e0..86738c642 100644
--- a/libs/webcomponents/src/components/enketo-webform/readme.md
+++ b/libs/webcomponents/src/components/enketo-webform/readme.md
@@ -35,6 +35,7 @@ Cannot integrate nxext stencil test as does not (currently) support jest 28
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
 | Property             | Attribute      | Description                                           | Type      | Default     |
@@ -43,6 +44,7 @@ Cannot integrate nxext stencil test as does not (currently) support jest 28
 | `model` _(required)_ | `model`        | XML form model, as processed by an Enketo Transformer | `string`  | `undefined` |
 | `showButtons`        | `show-buttons` |                                                       | `boolean` | `true`      |
 
+
 ## Events
 
 | Event         | Description | Type                             |
@@ -50,6 +52,7 @@ Cannot integrate nxext stencil test as does not (currently) support jest 28
 | `dataUpdated` |             | `CustomEvent<IEventDataUpdated>` |
 | `formSaved`   |             | `CustomEvent<IEventFormSaved>`   |
 
----
 
-_Built with [StencilJS](https://stenciljs.com/)_
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/package.json b/package.json
index 7ba168ad8..4d3cd04f1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "picsa-apps",
-  "version": "3.33.0",
+  "version": "3.34.0",
   "license": "See LICENSE",
   "scripts": {
     "ng": "nx",
@@ -67,6 +67,7 @@
     "@supabase/supabase-js": "^2.22.0",
     "c3": "^0.7.20",
     "capacitor-blob-writer": "^1.1.14",
+    "capacitor-video-player": "^5.0.1",
     "cordova-plugin-codeplay-share-own-apk": "0.0.7",
     "cordova-plugin-file": "^7.0.0",
     "cordova-plugin-file-opener2": "^4.0.0",
@@ -80,6 +81,7 @@
     "firebase": "^9.16.0",
     "form-data": "^4.0.0",
     "glob": "^8.1.0",
+    "hls.js": "^1.4.9",
     "html2canvas": "^1.4.1",
     "intro.js": "^7.0.1",
     "leaflet": "^1.9.3",
@@ -164,7 +166,6 @@
     "nx-cloud": "16.4.0",
     "postcss": "^8.4.5",
     "postcss-import": "~14.1.0",
-    "postcss-preset-env": "~7.5.0",
     "postcss-url": "~10.1.3",
     "prettier": "2.6.2",
     "prompts": "^2.4.2",
diff --git a/yarn.lock b/yarn.lock
index 848b4502a..a02715593 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2877,127 +2877,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/postcss-color-function@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "@csstools/postcss-color-function@npm:1.1.1"
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties": ^1.1.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 087595985ebcc2fc42013d6305185d4cdc842d87fb261185db905dc31eaa24fc23a7cc068fa3da814b3c8b98164107ddaf1b4ab24f4ff5b2a7b5fbcd4c6ceec9
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-font-format-keywords@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@csstools/postcss-font-format-keywords@npm:1.0.1"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: ed8d9eab9793f0184e000709bcb155d4eb96c49a312e3ea9e549e006b74fd4aafac63cb9f9f01bec5b717a833539ff085c3f1ef7d273b97d587769ef637d50c1
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-hwb-function@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "@csstools/postcss-hwb-function@npm:1.0.2"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 352ead754a692f7ed33a712c491012cab5c2f2946136a669a354237cfe8e6faca90c7389ee793cb329b9b0ddec984faa06d47e2f875933aaca417afff74ce6aa
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-ic-unit@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@csstools/postcss-ic-unit@npm:1.0.1"
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties": ^1.1.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 09c414c9b7762b5fbe837ff451d7a11e4890f1ed3c92edc3573f02f3d89747f6ac3f2270799b68a332bd7f5de05bb0dfffddb6323fc4020c2bea33ff58314533
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-is-pseudo-class@npm:^2.0.2":
-  version: 2.0.7
-  resolution: "@csstools/postcss-is-pseudo-class@npm:2.0.7"
-  dependencies:
-    "@csstools/selector-specificity": ^2.0.0
-    postcss-selector-parser: ^6.0.10
-  peerDependencies:
-    postcss: ^8.2
-  checksum: a4494bb8e9a34826944ba6872c91c1e88268caab6d06968897f1a0cc75ca5cfc4989435961fc668a9c6842a6d17f4cda0055fa256d23e598b8bbc6f022956125
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-normalize-display-values@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@csstools/postcss-normalize-display-values@npm:1.0.1"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 75901daec3869ba15e0adfd50d8e2e754ec06d55ac44fbd540748476388d223d53710fb3a3cbfe6695a2bab015a489fb47d9e3914ff211736923f8deb818dc0b
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-oklab-function@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "@csstools/postcss-oklab-function@npm:1.1.1"
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties": ^1.1.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: d66b789060b37ed810450d9a7d8319a0ae14e913c091f3e0ee482b3471538762e801d5eae3d62fda2f1eb1e88c76786d2c2b06c1172166eba1cca5e2a0dc95f2
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-progressive-custom-properties@npm:^1.1.0, @csstools/postcss-progressive-custom-properties@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@csstools/postcss-progressive-custom-properties@npm:1.3.0"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.3
-  checksum: e281845fde5b8a80d06ec20147bd74e96a9351bebbec5e5c3a6fb37ea30a597ff84172601786a8a270662f58f708b4a3bf8d822d6318023def9773d2f6589962
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-stepped-value-functions@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@csstools/postcss-stepped-value-functions@npm:1.0.1"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 2fc88713a0d49d142010652be8139b00719e407df1173e46047284f1befd0647e1fff67f259f9f55ac3b46bba6462b21f0aa192bd10a2989c51a8ce0d25fc495
-  languageName: node
-  linkType: hard
-
-"@csstools/postcss-unset-value@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "@csstools/postcss-unset-value@npm:1.0.2"
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 3facdae154d6516ffd964f7582696f406465f11cf8dead503e0afdfecc99ebc25638ab2830affce4516131aa2db004458a235e439f575b04e9ef72ad82f55835
-  languageName: node
-  linkType: hard
-
-"@csstools/selector-specificity@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "@csstools/selector-specificity@npm:2.2.0"
-  peerDependencies:
-    postcss-selector-parser: ^6.0.10
-  checksum: 97c89f23b3b527d7bd51ed299969ed2b9fbb219a367948b44aefec228b8eda6ae0ad74fe8a82f9aac8ff32cfd00bb6d0c98d1daeab2e8fc6d5c4af25e5be5673
-  languageName: node
-  linkType: hard
-
 "@cypress/request@npm:^3.0.0":
   version: 3.0.1
   resolution: "@cypress/request@npm:3.0.1"
@@ -7798,9 +7677,9 @@ __metadata:
   linkType: hard
 
 "@xmldom/xmldom@npm:^0.8.8":
-  version: 0.8.10
-  resolution: "@xmldom/xmldom@npm:0.8.10"
-  checksum: 4c136aec31fb3b49aaa53b6fcbfe524d02a1dc0d8e17ee35bd3bf35e9ce1344560481cd1efd086ad1a4821541482528672306d5e37cdbd187f33d7fadd3e2cf0
+  version: 0.8.9
+  resolution: "@xmldom/xmldom@npm:0.8.9"
+  checksum: b324f35170bf1ad43afa9e8c85372149e626d6f54ffc3ea3d34591eb6d945202470f631a53107f634e4258afb0c0067ee243f210ce9b6050189c677c3d481c7c
   languageName: node
   linkType: hard
 
@@ -8393,7 +8272,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"autoprefixer@npm:^10.4.0, autoprefixer@npm:^10.4.12, autoprefixer@npm:^10.4.6, autoprefixer@npm:^10.4.9":
+"autoprefixer@npm:^10.4.0, autoprefixer@npm:^10.4.12, autoprefixer@npm:^10.4.9":
   version: 10.4.15
   resolution: "autoprefixer@npm:10.4.15"
   dependencies:
@@ -8850,7 +8729,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.20.3, browserslist@npm:^4.21.10, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.21.10, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9":
   version: 4.21.10
   resolution: "browserslist@npm:4.21.10"
   dependencies:
@@ -9086,6 +8965,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"capacitor-video-player@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "capacitor-video-player@npm:5.0.1"
+  peerDependencies:
+    "@capacitor/core": ^5.0.0
+    hls.js: ^1.4.0
+  checksum: d316c4062bc0ad5b2c5104b127871c2f33bfadc4826e604856e635769fba15b417b90f8e062ee924544ae61cf588846115a0ceb4503f91a1fa34295c0db8afe1
+  languageName: node
+  linkType: hard
+
 "caseless@npm:~0.12.0":
   version: 0.12.0
   resolution: "caseless@npm:0.12.0"
@@ -10005,19 +9894,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-blank-pseudo@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "css-blank-pseudo@npm:3.0.3"
-  dependencies:
-    postcss-selector-parser: ^6.0.9
-  peerDependencies:
-    postcss: ^8.4
-  bin:
-    css-blank-pseudo: dist/cli.cjs
-  checksum: 9be0a13885a99d8ba9e1f45ea66e801d4da75b58c1c3c516a40772fa3a93ef9952b15dcac0418acbb6c89daaae0572819647701b8e553a02972826e33d4cd67f
-  languageName: node
-  linkType: hard
-
 "css-declaration-sorter@npm:^6.3.1":
   version: 6.4.1
   resolution: "css-declaration-sorter@npm:6.4.1"
@@ -10027,19 +9903,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-has-pseudo@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "css-has-pseudo@npm:3.0.4"
-  dependencies:
-    postcss-selector-parser: ^6.0.9
-  peerDependencies:
-    postcss: ^8.4
-  bin:
-    css-has-pseudo: dist/cli.cjs
-  checksum: 8f165d68f6621891d9fa1d874794916a52ed8847dfbec591523ad68774650cc1eae062ba08f59514666e04aeba27be72c9b211892f3a187c5ba6e287bd4260e7
-  languageName: node
-  linkType: hard
-
 "css-line-break@npm:^2.1.0":
   version: 2.1.0
   resolution: "css-line-break@npm:2.1.0"
@@ -10096,17 +9959,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-prefers-color-scheme@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "css-prefers-color-scheme@npm:6.0.3"
-  peerDependencies:
-    postcss: ^8.4
-  bin:
-    css-prefers-color-scheme: dist/cli.cjs
-  checksum: 3a2b02f0454adda68861cdcaf6a0d11f462eadf165301cba61c5ec7c5f229ac261c5baa54c377d9b811ec5f21b30d72a02bc032cdad2415b3a566f08a0c47b3a
-  languageName: node
-  linkType: hard
-
 "css-select@npm:^5.1.0":
   version: 5.1.0
   resolution: "css-select@npm:5.1.0"
@@ -10147,13 +9999,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cssdb@npm:^6.6.1":
-  version: 6.6.3
-  resolution: "cssdb@npm:6.6.3"
-  checksum: 0d5bd77bbffae8d5236f7e7af5fb22d54ac0f88f6ffcde736e2759a9db34042cc28491a8b7499d0c7887c2848a4597544620847e2baf5fc108b766f1f30cb1b0
-  languageName: node
-  linkType: hard
-
 "cssesc@npm:^3.0.0":
   version: 3.0.0
   resolution: "cssesc@npm:3.0.0"
@@ -13283,6 +13128,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hls.js@npm:^1.4.9":
+  version: 1.4.9
+  resolution: "hls.js@npm:1.4.9"
+  checksum: 51e469eb99e7093a1b71a7531731d9da8609104730f1030797d25c4e25d9d7d8a6d22603921cb9a9ee6ab26b28c569e91c68a37be92dc1f34bc58e0c5af65b99
+  languageName: node
+  linkType: hard
+
 "hosted-git-info@npm:^6.0.0":
   version: 6.1.1
   resolution: "hosted-git-info@npm:6.1.1"
@@ -17780,6 +17632,7 @@ __metadata:
     autoprefixer: ^10.4.0
     c3: ^0.7.20
     capacitor-blob-writer: ^1.1.14
+    capacitor-video-player: ^5.0.1
     cordova-plugin-codeplay-share-own-apk: 0.0.7
     cordova-plugin-file: ^7.0.0
     cordova-plugin-file-opener2: ^4.0.0
@@ -17803,6 +17656,7 @@ __metadata:
     form-data: ^4.0.0
     fs-extra: ^10.1.0
     glob: ^8.1.0
+    hls.js: ^1.4.9
     html2canvas: ^1.4.1
     husky: ^8.0.0
     intro.js: ^7.0.1
@@ -17828,7 +17682,6 @@ __metadata:
     parse: 3.4.2
     postcss: ^8.4.5
     postcss-import: ~14.1.0
-    postcss-preset-env: ~7.5.0
     postcss-url: ~10.1.3
     pouchdb: ^8.0.1
     pouchdb-adapter-http: ^8.0.1
@@ -17950,17 +17803,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-attribute-case-insensitive@npm:^5.0.0":
-  version: 5.0.2
-  resolution: "postcss-attribute-case-insensitive@npm:5.0.2"
-  dependencies:
-    postcss-selector-parser: ^6.0.10
-  peerDependencies:
-    postcss: ^8.2
-  checksum: c0b8139f37e68dba372724cba03a53c30716224f0085f98485cada99489beb7c3da9d598ffc1d81519b59d9899291712c9041c250205e6ec0b034bb2c144dcf9
-  languageName: node
-  linkType: hard
-
 "postcss-calc@npm:^9.0.0":
   version: 9.0.1
   resolution: "postcss-calc@npm:9.0.1"
@@ -17973,50 +17815,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-clamp@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "postcss-clamp@npm:4.1.0"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.4.6
-  checksum: 118eec936b3b035dc8d75c89973408f15c5a3de3d1ee210a2b3511e3e431d9c56e6f354b509a90540241e2225ffe3caaa2fdf25919c63348ce4583a28ada642c
-  languageName: node
-  linkType: hard
-
-"postcss-color-functional-notation@npm:^4.2.2":
-  version: 4.2.4
-  resolution: "postcss-color-functional-notation@npm:4.2.4"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: b763e164fe3577a1de96f75e4bf451585c4f80b8ce60799763a51582cc9402d76faed57324a5d5e5556d90ca7ea0ebde565acb820c95e04bee6f36a91b019831
-  languageName: node
-  linkType: hard
-
-"postcss-color-hex-alpha@npm:^8.0.3":
-  version: 8.0.4
-  resolution: "postcss-color-hex-alpha@npm:8.0.4"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.4
-  checksum: a2f3173a60176cf0aea3b7ebbc799b2cb08229127f0fff708fa31efa14e4ded47ca49aff549d8ed92e74ffe24adee32d5b9d557dbde0524fde5fe389bc520b4e
-  languageName: node
-  linkType: hard
-
-"postcss-color-rebeccapurple@npm:^7.0.2":
-  version: 7.1.1
-  resolution: "postcss-color-rebeccapurple@npm:7.1.1"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 03482f9b8170da0fa014c41a5d88bce7b987471fb73fc456d397222a2455c89ac7f974dd6ddf40fd31907e768aad158057164b7c5f62cee63a6ecf29d47d7467
-  languageName: node
-  linkType: hard
-
 "postcss-colormin@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-colormin@npm:6.0.0"
@@ -18043,50 +17841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-custom-media@npm:^8.0.0":
-  version: 8.0.2
-  resolution: "postcss-custom-media@npm:8.0.2"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.3
-  checksum: 887bbbacf6f8fab688123796e5dc1e8283b99f21e4c674235bd929dc8018c50df8634ea08932033ec93baaca32670ef2b87e6632863e0b4d84847375dbde9366
-  languageName: node
-  linkType: hard
-
-"postcss-custom-properties@npm:^12.1.7":
-  version: 12.1.11
-  resolution: "postcss-custom-properties@npm:12.1.11"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 421f9d8d6b9c9066919f39251859232efc4dc5dd406c01e62e08734319a6ccda6d03dd6b46063ba0971053ac6ad3f7abade56d67650b3e370851b2291e8e45e6
-  languageName: node
-  linkType: hard
-
-"postcss-custom-selectors@npm:^6.0.0":
-  version: 6.0.3
-  resolution: "postcss-custom-selectors@npm:6.0.3"
-  dependencies:
-    postcss-selector-parser: ^6.0.4
-  peerDependencies:
-    postcss: ^8.3
-  checksum: 18080d60a8a77a76d8ddff185104d65418fffd02bbf9824499f807ced7941509ba63828ab8fe3ec1d6b0d6c72a482bb90a79d79cdef58e5f4b30113cca16e69b
-  languageName: node
-  linkType: hard
-
-"postcss-dir-pseudo-class@npm:^6.0.4":
-  version: 6.0.5
-  resolution: "postcss-dir-pseudo-class@npm:6.0.5"
-  dependencies:
-    postcss-selector-parser: ^6.0.10
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 7810c439d8d1a9072c00f8ab39261a1492873ad170425745bd2819c59767db2f352f906588fc2a7d814e91117900563d7e569ecd640367c7332b26b9829927ef
-  languageName: node
-  linkType: hard
-
 "postcss-discard-comments@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-discard-comments@npm:6.0.0"
@@ -18123,80 +17877,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-double-position-gradients@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "postcss-double-position-gradients@npm:3.1.2"
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties": ^1.1.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: ca09bf2aefddc180f1c1413f379eef30d492b8147543413f7251216f23f413c394b2ed10b7cd255e87b18e0c8efe36087ea8b9bfb26a09813f9607a0b8e538b6
-  languageName: node
-  linkType: hard
-
-"postcss-env-function@npm:^4.0.6":
-  version: 4.0.6
-  resolution: "postcss-env-function@npm:4.0.6"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.4
-  checksum: 645b2363cfa21be9dcce7fe4a0f172f0af70c00d6a4c1eb3d7ff7e9cfe26d569e291ec2533114d77b12d610023cd168a92d62c38f2fc969fa333b5ae2bff5ffe
-  languageName: node
-  linkType: hard
-
-"postcss-focus-visible@npm:^6.0.4":
-  version: 6.0.4
-  resolution: "postcss-focus-visible@npm:6.0.4"
-  dependencies:
-    postcss-selector-parser: ^6.0.9
-  peerDependencies:
-    postcss: ^8.4
-  checksum: acd010b9ddef9b86ffb5fa604c13515ba83e18bc5118dad0a1281150f412aa0ece056c2c5ac56b55e2599f53ab0f740f5ebfdc51e1f5cfe43b8130bac0096fcc
-  languageName: node
-  linkType: hard
-
-"postcss-focus-within@npm:^5.0.4":
-  version: 5.0.4
-  resolution: "postcss-focus-within@npm:5.0.4"
-  dependencies:
-    postcss-selector-parser: ^6.0.9
-  peerDependencies:
-    postcss: ^8.4
-  checksum: f23d8ab757345a6deaa807d76e10c88caf4b771c38b60e1593b24aee161c503b5823620e89302226a6ae5e7afdb6ac31809241291912e4176eb594a7ddcc9521
-  languageName: node
-  linkType: hard
-
-"postcss-font-variant@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "postcss-font-variant@npm:5.0.0"
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: a19286589261c2bc3e20470486e1ee3b4daf34271c5020167f30856c9b30c26f23264307cb97a184d503814e1b8c5d8a1f9f64a14fd4fd9551c173dca9424695
-  languageName: node
-  linkType: hard
-
-"postcss-gap-properties@npm:^3.0.3":
-  version: 3.0.5
-  resolution: "postcss-gap-properties@npm:3.0.5"
-  peerDependencies:
-    postcss: ^8.2
-  checksum: aed559d6d375203a08a006c9ae8cf5ae90d9edaec5cadd20fe65c1b8ce63c2bc8dfe752d4331880a6e24a300541cde61058be790b7bd9b5d04d470c250fbcd39
-  languageName: node
-  linkType: hard
-
-"postcss-image-set-function@npm:^4.0.6":
-  version: 4.0.7
-  resolution: "postcss-image-set-function@npm:4.0.7"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 7e509330986de14250ead1a557e8da8baaf66ebe8a40354a5dff60ab40d99a483d92aa57d52713251ca1adbf0055ef476c5702b0d0ba5f85a4f407367cdabac0
-  languageName: node
-  linkType: hard
-
 "postcss-import@npm:^15.1.0":
   version: 15.1.0
   resolution: "postcss-import@npm:15.1.0"
@@ -18223,15 +17903,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-initial@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "postcss-initial@npm:4.0.1"
-  peerDependencies:
-    postcss: ^8.0.0
-  checksum: 6956953853865de79c39d11533a2860e9f38b770bb284d0010d98a00b9469e22de344e4e5fd8208614d797030487e8918dd2f2c37d9e24d4dd59d565d4fc3e12
-  languageName: node
-  linkType: hard
-
 "postcss-js@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-js@npm:4.0.1"
@@ -18243,18 +17914,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-lab-function@npm:^4.2.0":
-  version: 4.2.1
-  resolution: "postcss-lab-function@npm:4.2.1"
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties": ^1.1.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 26ac74b430011271b5581beba69b2cd788f56375fcb64c90f6ec1577379af85f6022dc38c410ff471dac520c7ddc289160a6a16cca3c7ff76f5af7e90d31eaa3
-  languageName: node
-  linkType: hard
-
 "postcss-load-config@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-load-config@npm:4.0.1"
@@ -18301,24 +17960,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-logical@npm:^5.0.4":
-  version: 5.0.4
-  resolution: "postcss-logical@npm:5.0.4"
-  peerDependencies:
-    postcss: ^8.4
-  checksum: 17c71291ed6a03883a5aa54b9923b874c32710707d041a0f0752e6febdb09dee5d2abf4ef271978d932e4a4c948f349bb23edf633c03e3427ba15e71bfc66ac7
-  languageName: node
-  linkType: hard
-
-"postcss-media-minmax@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "postcss-media-minmax@npm:5.0.0"
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: 2cd7283e07a1ac1acdcc3ecbaa0e9932f8d1e7647e7aeb14d91845fcb890d60d7257ec70c825cae8d48ae80a08cc77ebc4021a0dfa32360e0cd991e2bc021607
-  languageName: node
-  linkType: hard
-
 "postcss-merge-longhand@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-merge-longhand@npm:6.0.0"
@@ -18448,18 +18089,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nesting@npm:^10.1.4":
-  version: 10.2.0
-  resolution: "postcss-nesting@npm:10.2.0"
-  dependencies:
-    "@csstools/selector-specificity": ^2.0.0
-    postcss-selector-parser: ^6.0.10
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 25e6e66186bd7f18bc4628cf0f43e02189268f28a449aa4a63b33b8f2c33745af99acfcd4ce2ac69319dc850e83b28dbaabcf517e3977dfe20e37fed0e032c7d
-  languageName: node
-  linkType: hard
-
 "postcss-normalize-charset@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-normalize-charset@npm:6.0.0"
@@ -18558,15 +18187,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-opacity-percentage@npm:^1.1.2":
-  version: 1.1.3
-  resolution: "postcss-opacity-percentage@npm:1.1.3"
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 54d1b8ca68035bc1a5788aaabdbc3b66ffee34b5a2412cecf073627dad7e3f2bae07c01fac3bc7f46bbac5da3291ac9ddcf74bfee26dfd86f9f96c847a0afc13
-  languageName: node
-  linkType: hard
-
 "postcss-ordered-values@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-ordered-values@npm:6.0.0"
@@ -18579,103 +18199,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-overflow-shorthand@npm:^3.0.3":
-  version: 3.0.4
-  resolution: "postcss-overflow-shorthand@npm:3.0.4"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 74009022491e3901263f8f5811630393480323e51f5d23ef17f3fdc7e03bf9c2502a632f3ba8fe6a468b57590f13b2fa3b17a68ef19653589e76277607696743
-  languageName: node
-  linkType: hard
-
-"postcss-page-break@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "postcss-page-break@npm:3.0.4"
-  peerDependencies:
-    postcss: ^8
-  checksum: a7d08c945fc691f62c77ac701e64722218b14ec5c8fc1972b8af9c21553492d40808cf95e61b9697b1dacaf7e6180636876d7fee314f079e6c9e39ac1b1edc6f
-  languageName: node
-  linkType: hard
-
-"postcss-place@npm:^7.0.4":
-  version: 7.0.5
-  resolution: "postcss-place@npm:7.0.5"
-  dependencies:
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 903fec0c313bb7ec20f2c8f0a125866fb7804aa3186b5b2c7c2d58cb9039ff301461677a060e9db643d1aaffaf80a0ff71e900a6da16705dad6b49c804cb3c73
-  languageName: node
-  linkType: hard
-
-"postcss-preset-env@npm:~7.5.0":
-  version: 7.5.0
-  resolution: "postcss-preset-env@npm:7.5.0"
-  dependencies:
-    "@csstools/postcss-color-function": ^1.1.0
-    "@csstools/postcss-font-format-keywords": ^1.0.0
-    "@csstools/postcss-hwb-function": ^1.0.0
-    "@csstools/postcss-ic-unit": ^1.0.0
-    "@csstools/postcss-is-pseudo-class": ^2.0.2
-    "@csstools/postcss-normalize-display-values": ^1.0.0
-    "@csstools/postcss-oklab-function": ^1.1.0
-    "@csstools/postcss-progressive-custom-properties": ^1.3.0
-    "@csstools/postcss-stepped-value-functions": ^1.0.0
-    "@csstools/postcss-unset-value": ^1.0.0
-    autoprefixer: ^10.4.6
-    browserslist: ^4.20.3
-    css-blank-pseudo: ^3.0.3
-    css-has-pseudo: ^3.0.4
-    css-prefers-color-scheme: ^6.0.3
-    cssdb: ^6.6.1
-    postcss-attribute-case-insensitive: ^5.0.0
-    postcss-clamp: ^4.1.0
-    postcss-color-functional-notation: ^4.2.2
-    postcss-color-hex-alpha: ^8.0.3
-    postcss-color-rebeccapurple: ^7.0.2
-    postcss-custom-media: ^8.0.0
-    postcss-custom-properties: ^12.1.7
-    postcss-custom-selectors: ^6.0.0
-    postcss-dir-pseudo-class: ^6.0.4
-    postcss-double-position-gradients: ^3.1.1
-    postcss-env-function: ^4.0.6
-    postcss-focus-visible: ^6.0.4
-    postcss-focus-within: ^5.0.4
-    postcss-font-variant: ^5.0.0
-    postcss-gap-properties: ^3.0.3
-    postcss-image-set-function: ^4.0.6
-    postcss-initial: ^4.0.1
-    postcss-lab-function: ^4.2.0
-    postcss-logical: ^5.0.4
-    postcss-media-minmax: ^5.0.0
-    postcss-nesting: ^10.1.4
-    postcss-opacity-percentage: ^1.1.2
-    postcss-overflow-shorthand: ^3.0.3
-    postcss-page-break: ^3.0.4
-    postcss-place: ^7.0.4
-    postcss-pseudo-class-any-link: ^7.1.2
-    postcss-replace-overflow-wrap: ^4.0.0
-    postcss-selector-not: ^5.0.0
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.4
-  checksum: 8fb9065e9e09a6553eeb7cc9df52d51bab942c5bfadd3b662ce8b5ae90b9aae15526397c36b7d3552d674e9b4fa5ded8612880b64aaae25c1cc5e0b22874b956
-  languageName: node
-  linkType: hard
-
-"postcss-pseudo-class-any-link@npm:^7.1.2":
-  version: 7.1.6
-  resolution: "postcss-pseudo-class-any-link@npm:7.1.6"
-  dependencies:
-    postcss-selector-parser: ^6.0.10
-  peerDependencies:
-    postcss: ^8.2
-  checksum: 43aa18ea1ef1b168f61310856dd92f46ceb3dc60b6cf820e079ca1a849df5cc0f12a1511bdc1811a23f03d60ddcc959200c80c3f9a7b57feebe32bab226afb39
-  languageName: node
-  linkType: hard
-
 "postcss-reduce-initial@npm:^6.0.0":
   version: 6.0.0
   resolution: "postcss-reduce-initial@npm:6.0.0"
@@ -18699,33 +18222,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-replace-overflow-wrap@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "postcss-replace-overflow-wrap@npm:4.0.0"
-  peerDependencies:
-    postcss: ^8.0.3
-  checksum: 3ffe20b300a4c377a11c588b142740d8557e03c707474c45234c934190ac374750ddc92c7906c373471d273a20504a429c2062c21fdcaff830fb28e0a81ac1dc
-  languageName: node
-  linkType: hard
-
-"postcss-selector-not@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "postcss-selector-not@npm:5.0.0"
+"postcss-selector-parser@npm:^6.0.11":
+  version: 6.0.13
+  resolution: "postcss-selector-parser@npm:6.0.13"
   dependencies:
-    balanced-match: ^1.0.0
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: eb7bdfdd665b2f0db660d4a2061f103b96d7c326a4b9d6241d55bf32bdcd1f5defaa4c8251123c73e1bcc75dad5a2ce77c520e42ce26ecd1e42f2f842baa155f
+    cssesc: ^3.0.0
+    util-deprecate: ^1.0.2
+  checksum: f89163338a1ce3b8ece8e9055cd5a3165e79a15e1c408e18de5ad8f87796b61ec2d48a2902d179ae0c4b5de10fccd3a325a4e660596549b040bc5ad1b465f096
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.9":
-  version: 6.0.13
-  resolution: "postcss-selector-parser@npm:6.0.13"
+"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5":
+  version: 6.0.10
+  resolution: "postcss-selector-parser@npm:6.0.10"
   dependencies:
     cssesc: ^3.0.0
     util-deprecate: ^1.0.2
-  checksum: f89163338a1ce3b8ece8e9055cd5a3165e79a15e1c408e18de5ad8f87796b61ec2d48a2902d179ae0c4b5de10fccd3a325a4e660596549b040bc5ad1b465f096
+  checksum: 46afaa60e3d1998bd7adf6caa374baf857cc58d3ff944e29459c9a9e4680a7fe41597bd5b755fc81d7c388357e9bf67c0251d047c640a09f148e13606b8a8608
   languageName: node
   linkType: hard