From 01dca6baf809c2d0b97d995431e340fcc6e4287a Mon Sep 17 00:00:00 2001
From: Fernando Serrano Carpena <ferserc1@gmail.com>
Date: Mon, 3 Jul 2023 09:10:01 +0200
Subject: [PATCH] Bug fixed in css playback height variable

---
 src/css/PlaybackBar.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/css/PlaybackBar.css b/src/css/PlaybackBar.css
index fc49583f..911c7580 100644
--- a/src/css/PlaybackBar.css
+++ b/src/css/PlaybackBar.css
@@ -1,4 +1,9 @@
 
+.player-container {
+	container-type: inline-size;
+	container-name: player-container;
+}
+
 .playback-bar {
 	position: absolute;
 	bottom: 0px;
@@ -360,11 +365,13 @@
 	padding: 1;
 }
 
-@container playback-bar (max-width: 700px) {
+@container player-container (max-width: 700px) {
 	.playback-bar {
 		min-height: var(--playback-bar-height-sm);
-		background-color: red;
 	}
+}
+
+@container playback-bar (max-width: 700px) {
 
 	.playback-bar .button-plugins button i {
 		width: var(--button-icon-size-sm);