fix(Echo): 🐛 missing styles for new talk page alert

skinStyles/extensions/Echo/ext.echo.styles.alert.less

@@ -1,14 +1,41 @@
-/*
+/*
  * Citizen
  *
  * SkinStyles for Extension:Echo
  * Module: ext.echo.styles.alert
- * Version: REL1_35 347c30e
+ * Version: REL1_39
  *
- * Date: 2021-08-11
+ * Date: 2024-02-27
 */
 
+@import '../../../resources/variables.less';
+
 .mw-echo-alert {
-	color: var( --color-base--emphasized );
-	background-color: var( --color-warning );
+	position: fixed;
+	z-index: @z-index-overlay;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: auto;
+	max-width: @max-width-breakpoint-tablet;
+	margin: var( --space-xs );
+	padding: 0;
+	border: 1px solid var( --border-color-base );
+	border-radius: var( --border-radius--large );
+	box-shadow: var( --box-shadow-dialog );
+	font-size: var( --font-size-small );
+	line-height: var( --line-height-sm );
+	background-color: var( --color-surface-1 );
+	color: var( --color-base );
+
+	@media only screen and ( min-width: @min-width-breakpoint-desktop ) {
+		right: unset;
+		left: var( --header-size );
+	}
+
+	// Needed additional specificity
+	&.mw-list-item > a {
+		padding: var( --space-md );
+		border-radius: var( --border-radius--large );
+	}
 }