@sapui5/sap.suite.ui.microchart 1.143.1 → 1.145.0

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/InteractiveDonutChart.less

@@ -1,7 +1,7 @@
-/* ===================================================================== */
-/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart.control */
-/* Fiori 3 High Contrast Black Theme                                      /
-/* ===================================================================== */
+/* ============================================================== */
+/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart  */
+/* Quartz High Contrast Black theme                               */
+/* ============================================================== */
 
 @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: @sapUiHcStandardForeground;
 
@@ -18,32 +18,33 @@ html.sap-desktop .sapSuiteIDC:focus {
 }
 
 html.sap-desktop .sapSuiteIDCLegendSegment:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.125rem;
 }
 
-/* IE and Edge ignores outline-offset. Firefox stretches the outline */
-html[data-sap-ui-browser^="ie"].sap-desktop,
-html[data-sap-ui-browser^="ed"].sap-desktop,
+/* Firefox stretches the outline */
 html[data-sap-ui-browser^="ff"].sap-desktop {
+
 	.sapSuiteIDCLegendSegment:focus {
 		outline: none;
 		position: relative;
 	}
-	.sapSuiteIDCLegendSegment:focus:before {
-		content: " ";
+
+	.sapSuiteIDCLegendSegment:focus::before {
+		content: '';
 		box-sizing: border-box;
 		width: 100%;
 		height: 100%;
 		position: absolute;
-		left: 0px;
-		top: 0px;
+		left: 0;
+		top: 0;
 		border: 0.125rem dashed @sapUiHcStandardForeground;
 		pointer-events: none;
 	}
 }
 
 html[data-sap-ui-browser^="ff"].sap-desktop {
+
 	.sapSuiteIDCLegendSegment:focus:before {
 		border-style: dotted;
 	}
@@ -51,15 +52,19 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 
 /* LEGEND SEGMENTS */
 html.sap-desktop .sapSuiteIDC:not(.sapSuiteIDCNonInteractive) {
+
 	.sapSuiteIDCLegendSegmentHover {
 		background-color: @sapUiHcHighlightBackground;
 	}
+
 	.sapSuiteIDCLegendSegmentHover:not(:focus) {
 		border: 1px solid @sapUiHcStandardForeground;
 	}
+
 	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover {
 		background-color: @sapUiHcHighlightBackground;
 	}
+
 	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover:not(:focus) {
 		border: 1px solid @sapUiHcStandardForeground;
 	}
@@ -76,9 +81,10 @@ html.sap-desktop .sapSuiteIDCLegendSegmentSelected:not(:focus) {
 }
 
 /* SVG STYLE */
-.sapSuiteIDCChartSegment{
+.sapSuiteIDCChartSegment {
 	stroke: none;
 }
+
 .sapSuiteIDCChartSegmentGhostHighlight.sapSuiteIDCChartSegmentGhostSelected,
 .sapSuiteIDCChartSegmentGhostHighlight {
 	fill: @sapUiHcHighlightBackground;

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/InteractiveLineChart.less

@@ -1,23 +1,26 @@
-/* ============================================================ */
-/* CSS for control sap.suite.ui.microchart/InteractiveLineChart */
-/* Fiori 3 High Contrast Black Theme                            */
-/* ============================================================ */
+/* ============================================================= */
+/* CSS for control sap.suite.ui.microchart/InteractiveLineChart  */
+/* Quartz High Contrast Black theme                              */
+/* ============================================================= */
 
-@_sap_suite_ui_microchart_InteractiveLineChart_LineColor:				@sapUiHcStandardForeground;
-@_sap_suite_ui_microchart_InteractiveLineChart_SelectedPointBorder:		@sapUiHcStandardForeground;
+@_sap_suite_ui_microchart_InteractiveLineChart_LineColor: @sapUiHcStandardForeground;
+@_sap_suite_ui_microchart_InteractiveLineChart_SelectedPointBorder: @sapUiHcStandardForeground;
 
 .sapSuiteILCBackgroundArea {
 	z-index: -1;
 }
+
 html.sap-tablet .sapSuiteILC.sapSuiteILCNonInteractive .sapSuiteILCSection:not(.sapSuiteILCSelected) .sapSuiteILCInteractionArea:focus,
 html.sap-phone .sapSuiteILC.sapSuiteILCNonInteractive .sapSuiteILCSection:not(.sapSuiteILCSelected) .sapSuiteILCInteractionArea:focus,
 .sapSuiteILC {
 	border: 0.125rem dotted transparent;
 	outline: none;
 }
+
 .sapSuiteILCSvgElement {
 	stroke: @sapUiHcStandardForeground;
 }
+
 .sapSuiteILCSection {
 	border: 0.125rem solid transparent;
 }
@@ -25,44 +28,57 @@ html.sap-phone .sapSuiteILC.sapSuiteILCNonInteractive .sapSuiteILCSection:not(.s
 .sapSuiteILCTextElement {
 	color: @sapUiHcStandardForeground;
 }
+
 .sapSuiteILCBottomLabelArea {
 	border-top-color: @sapUiHcStandardForeground;
 }
+
 html.sap-desktop .sapSuiteILC:not(.sapSuiteILCNonInteractive) .sapSuiteILCSection:hover,
 html.sap-desktop .sapSuiteILC:not(.sapSuiteILCNonInteractive) .sapSuiteILCSection.sapSuiteILCSelected:hover {
+
 	.sapSuiteILCBackgroundArea {
 		background-color: @sapUiHcHighlightBackground !important;
 	}
+
 	.sapSuiteILCPoint {
 		border-color: @sapUiHcStandardForeground;
+
 		&.sapSuiteICSemanticColorGood {
-		  border-color: @sapUiHcPositiveColor;
+			border-color: @sapUiHcPositiveColor;
 		}
-	  	&.sapSuiteICSemanticColorCritical {
-		  border-color: @sapUiHcCriticalColor;
+
+		&.sapSuiteICSemanticColorCritical {
+			border-color: @sapUiHcCriticalColor;
 		}
-	  	&.sapSuiteICSemanticColorError {
-		  border-color: @sapUiHcNegativeColor;
+
+		&.sapSuiteICSemanticColorError {
+			border-color: @sapUiHcNegativeColor;
 		}
 	}
 }
 .sapSuiteILCSelected {
+
 	.sapSuiteILCBackgroundArea {
 		background-color: @sapUiHcHighlightAltBackground !important;
 	}
+
 	.sapSuiteILCPoint {
 		border-color: @sapUiHcStandardForeground;
+
 		&.sapSuiteICSemanticColorGood {
-		  border-color: @sapUiHcPositiveColor;
+			border-color: @sapUiHcPositiveColor;
 		}
+
 		&.sapSuiteICSemanticColorCritical {
-		  border-color: @sapUiHcCriticalColor;
+			border-color: @sapUiHcCriticalColor;
 		}
+
 		&.sapSuiteICSemanticColorError {
-		  border-color: @sapUiHcNegativeColor;
+			border-color: @sapUiHcNegativeColor;
 		}
 	}
 }
+
 html.sap-tablet .sapSuiteILC.sapSuiteILCNonInteractive .sapSuiteILCSelected .sapSuiteILCInteractionArea:focus,
 html.sap-phone .sapSuiteILC.sapSuiteILCNonInteractive .sapSuiteILCSelected .sapSuiteILCInteractionArea:focus,
 html.sap-desktop .sapSuiteILC:not(.sapSuiteILCNonInteractive) .sapSuiteILCSection:hover .sapSuiteILCInteractionArea,
@@ -70,15 +86,18 @@ html.sap-desktop .sapSuiteILC:not(.sapSuiteILCNonInteractive) .sapSuiteILCSectio
 	border: 1px solid @sapUiHcStandardForeground;
 	outline: none;
 }
+
 html.sap-desktop .sapSuiteILCSection .sapSuiteILCInteractionArea:focus,
 html.sap-desktop .sapSuiteILC:not(.sapSuiteILCNonInteractive) .sapSuiteILCSection:hover .sapSuiteILCInteractionArea:focus {
-	border:@sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline: none;
 }
+
 html.sap-desktop .sapSuiteILC:focus {
 	border-color: @sapUiHcStandardForeground;
 	outline: none;
 }
+
 .sapSuiteILCDivider {
 	stroke: @sapUiHcStandardForeground;
-}
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/LineMicroChart.less

@@ -1,8 +1,8 @@
-/* ====================================================== */
-/* CSS for control sap.suite.ui.microchart/LineMicroChart */
-/* Fiori 3 High Contrast Black Theme                      */
-/* ====================================================== */
+/* ======================================================= */
+/* CSS for control sap.suite.ui.microchart/LineMicroChart  */
+/* Quartz High Contrast Black theme                        */
+/* ======================================================= */
 
 html.sap-desktop .sapSuiteLMC:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-}
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/RadialMicroChart.less

@@ -1,7 +1,7 @@
-/* ======================================================== */
-/* CSS for sap.suite.ui.microchart/RadialMicroChart.control */
-/* Fiori 3 High Contrast Black Theme                        */
-/* ======================================================== */
+/* ================================================= */
+/* CSS for sap.suite.ui.microchart/RadialMicroChart  */
+/* Quartz High Contrast Black theme                  */
+/* ================================================= */
 
 .sapSuiteRMCCircleBackground {
 	fill: @sapUiHcStandardBackground;
@@ -12,5 +12,5 @@
 }
 
 html.sap-desktop .sapSuiteRMC:focus {
-  	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-}
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/StackedBarMicroChart.less

@@ -1,8 +1,8 @@
-/* ======================================================== */
-/* CSS for sap.suite.ui.microchart/RadialMicroChart.control */
-/* Fiori 3 High Contrast Black Theme                        */
-/* ======================================================== */
+/* ================================================= */
+/* CSS for sap.suite.ui.microchart/RadialMicroChart  */
+/* Quartz High Contrast Black theme                  */
+/* ================================================= */
 
 html.sap-desktop .sapSuiteStackedMC:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-}
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2025 SAP SE. All rights reserved.
+ * (c) Copyright 2026 SAP SE. All rights reserved.
  */
 
 @import "../base/library.source.less";

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/AreaMicroChart.less

@@ -1,17 +1,17 @@
-/* ====================================================== */
-/* CSS for control sap.suite.ui.microchart/AreaMicroChart */
-/* Fiori 3 High Contrast White Theme                      */
-/* ====================================================== */
+/* ======================================================= */
+/* CSS for control sap.suite.ui.microchart/AreaMicroChart  */
+/* Quartz High Contrast White theme                        */
+/* ======================================================= */
 
 .sapSuiteAMCTarget {
 	outline-width: 7px;
 }
 
 html.sap-desktop .sapSuiteAMC:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+  outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapSuiteAMCChart.sapSuiteAMCSemanticColorNeutral,
 .sapSuiteAMCTarget.sapSuiteAMCSemanticColorNeutral {
-	text-shadow: @sapContent_TextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/BulletMicroChart.less

@@ -1,10 +1,10 @@
-/* ======================================================== */
-/* CSS for control sap.suite.ui.microchart/BulletMicroChart */
-/* Fiori 3 High Contrast White Theme                        */
-/* ======================================================== */
+/* ========================================================= */
+/* CSS for control sap.suite.ui.microchart/BulletMicroChart  */
+/* Quartz High Contrast White theme                          */
+/* ========================================================= */
 
 html.sap-desktop .sapSuiteBMCContent:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+  outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapSuiteBMCTargetValue {
@@ -35,4 +35,4 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
 .sapSuiteBMCBarValueMarker.sapSuiteBMCModeTypeDelta {
 	border-left: 1px @sapUiHcStandardBackground solid;
 	border-right: 1px @sapUiHcStandardBackground solid;
-}
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/ColumnMicroChart.less

@@ -1,14 +1,14 @@
-/* ======================================================== */
-/* CSS for control sap.suite.ui.microchart/ColumnMicroChart */
-/* Fiori 3 High Contrast White Theme                        */
-/* ======================================================== */
+/* ========================================================= */
+/* CSS for control sap.suite.ui.microchart/ColumnMicroChart  */
+/* Quartz High Contrast White theme                          */
+/* ========================================================= */
 
 html.sap-desktop .sapSuiteClMC:focus,
 .sapSuiteClMC:focus {
-    outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 html.sap-desktop .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar,
 .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar {
-  	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-}
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/ComparisonMicroChart.less

@@ -1,7 +1,7 @@
-/* ============================================================ */
-/* CSS for control sap.suite.ui.microchart/ComparisonMicroChart */
-/* Fiori 3 High Contrast White Theme                            */
-/* ============================================================ */
+/* ============================================================= */
+/* CSS for control sap.suite.ui.microchart/ComparisonMicroChart  */
+/* Quartz High Contrast White theme                              */
+/* ============================================================= */
 
 .sapSuiteCpMCChartBar > div {
 	height: 0.25rem;
@@ -14,7 +14,7 @@
 }
 
 html.sap-desktop .sapSuiteCpMCChartContent[tabindex]:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapSuiteCpMCChartBarValue {

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/DeltaMicroChart.less

@@ -1,12 +1,12 @@
-/* =============================================================== */
-/* CSS for control sap.suite.ui.microchart/DeltaMicroChart.control */
-/* Fiori 3 High Contrast White Theme                               */
-/* =============================================================== */
+/* ================================================================ */
+/* CSS for control sap.suite.ui.microchart/DeltaMicroChart.control  */
+/* Quartz High Contrast White theme                                 */
+/* ================================================================ */
 
 .sapSuiteDMC {
-	font-color: @sapUiHcStandardForeground;
+	color: @sapUiHcStandardForeground;
 }
 
 html.sap-desktop .sapSuiteDMC:focus {
-  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-}
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/HarveyBallMicroChart.less

@@ -1,7 +1,7 @@
-/* ============================================================ */
-/* CSS for control sap.suite.ui.microchart/HarveyBallMicroChart */
-/* Fiori 3 High Contrast White Theme                            */
-/* ============================================================ */
+/* ============================================================= */
+/* CSS for control sap.suite.ui.microchart/HarveyBallMicroChart  */
+/* Quartz High Contrast White theme                              */
+/* ============================================================= */
 
 .sapSuiteHBMCBackgroundCircle {
 	stroke-width: 1.5;

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/InteractiveBarChart.less

@@ -1,19 +1,22 @@
-/* =========================================================== */
-/* CSS for control sap.suite.ui.microchart/InteractiveBarChart */
-/* Fiori 3 High Contrast White Theme                           */
-/* =========================================================== */
+/* ============================================================ */
+/* CSS for control sap.suite.ui.microchart/InteractiveBarChart  */
+/* Quartz High Contrast White theme                             */
+/* ============================================================ */
 
 .sapSuiteIBCBar {
 	background-color: @sapUiHcStandardBackground;
 	border-style: solid;
-	border-width: 1px 0px 1px 0px;
+	border-width: 1px 0 1px 0;
 	border-color: @sapUiHcStandardForeground;
+
 	&.sapSuiteIBCBarNegative.sapSuiteIBCValueNegative {
 		border-left-width: 1px;
 	}
+
 	&.sapSuiteIBCBarPositive.sapSuiteIBCValuePositive {
 		border-right-width: 1px;
 	}
+
 	&.sapSuiteIBCBarValueNull {
 		border: none;
 	}
@@ -21,51 +24,51 @@
 
 /* hover */
 .sapSuiteIBCBarInteractionArea:hover {
-	background-color: @sapHighlightColor !important;
-	border: 1px solid @sapUiContentContrastTextColor !important;
+	background-color: var(--sapHighlightColor) !important;
+	border: 1px solid var(--sapContent_ContrastTextColor) !important;
 }
 
 .sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarLabelText,
 .sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarValue.sapSuiteIBCBarValueOutside {
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
 .sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarLabelText,
 .sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover .sapSuiteIBCBarValue.sapSuiteIBCBarValueOutside {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 .sapSuiteIBCBarSelected.sapSuiteIBCBarInteractionArea:hover {
-	background-color: @sapHighlightColor;
+	background-color: var(--sapHighlightColor);
 }
 
 .sapSuiteIBCBarSelected {
-	border: 1px solid @sapUiContentContrastTextColor;
-	background-color: @sapUiSelected;
+	border: 1px solid var(--sapContent_ContrastTextColor);
+	background-color: var(--sapSelectedColor);
 }
 
 html.sap-desktop .sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus {
-	outline:@sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -2px;
 	border-color: transparent;
 }
 
-/* IE and Edge ignores outline-offset. Firefox stretches the outline */
-html[data-sap-ui-browser^="ie"].sap-desktop,
-html[data-sap-ui-browser^="ed"].sap-desktop,
+/* Firefox stretches the outline */
 html[data-sap-ui-browser^="ff"].sap-desktop {
+
 	.sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus {
 		outline: none;
 		position: relative;
 	}
-	.sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus:before {
-		content: " ";
+
+	.sapSuiteIBC:not(.sapSuiteIBCNonInteractive) .sapSuiteIBCBarInteractionArea:focus::before {
+		content: '';
 		box-sizing: border-box;
 		width: 100%;
 		height: 100%;
 		position: absolute;
-		left: 0px;
-		top: 0px;
+		left: 0;
+		top: 0;
 		border: 2px dashed @sapUiHcStandardForeground;
 		pointer-events: none;
 	}
@@ -77,4 +80,4 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 
 .sapSuiteIBCSemanticMarker {
 	border-right: 1px solid @sapUiHcStandardBackground;
-}
+}

package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/InteractiveDonutChart.less

@@ -1,7 +1,7 @@
-/* ===================================================================== */
-/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart.control */
-/* Fiori 3 High Contrast White Theme                                      /
-/* ===================================================================== */
+/* ============================================================== */
+/* CSS for control sap.suite.ui.microchart/InteractiveDonutChart  */
+/* Quartz High Contrast White theme                               */
+/* ============================================================== */
 
 @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentFillColor: @sapUiHcStandardForeground;
 
@@ -18,32 +18,33 @@ html.sap-desktop .sapSuiteIDC:focus {
 }
 
 html.sap-desktop .sapSuiteIDCLegendSegment:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.125rem;
 }
 
 /* IE and Edge ignores outline-offset. Firefox stretches the outline */
-html[data-sap-ui-browser^="ie"].sap-desktop,
-html[data-sap-ui-browser^="ed"].sap-desktop,
 html[data-sap-ui-browser^="ff"].sap-desktop {
+
 	.sapSuiteIDCLegendSegment:focus {
 		outline: none;
 		position: relative;
 	}
-	.sapSuiteIDCLegendSegment:focus:before {
-		content: " ";
+
+	.sapSuiteIDCLegendSegment:focus::before {
+		content: '';
 		box-sizing: border-box;
 		width: 100%;
 		height: 100%;
 		position: absolute;
-		left: 0px;
-		top: 0px;
+		left: 0;
+		top: 0;
 		border: 0.125rem dashed @sapUiHcStandardForeground;
 		pointer-events: none;
 	}
 }
 
 html[data-sap-ui-browser^="ff"].sap-desktop {
+
 	.sapSuiteIDCLegendSegment:focus:before {
 		border-style: dotted;
 	}
@@ -51,15 +52,19 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 
 /* LEGEND SEGMENTS */
 html.sap-desktop .sapSuiteIDC:not(.sapSuiteIDCNonInteractive) {
+
 	.sapSuiteIDCLegendSegmentHover {
 		background-color: @sapUiHcHighlightBackground;
 	}
+
 	.sapSuiteIDCLegendSegmentHover:not(:focus) {
 		border: 1px solid @sapUiHcStandardForeground;
 	}
+
 	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover {
 		background-color: @sapUiHcHighlightBackground;
 	}
+
 	.sapSuiteIDCLegendSegmentSelected.sapSuiteIDCLegendSegmentHover:not(:focus) {
 		border: 1px solid @sapUiHcStandardForeground;
 	}
@@ -76,22 +81,25 @@ html.sap-desktop .sapSuiteIDCLegendSegmentSelected:not(:focus) {
 }
 
 /* SVG STYLE */
-.sapSuiteIDCChartSegment{
+.sapSuiteIDCChartSegment {
 	stroke: none;
 }
+
 .sapSuiteIDCChartSegmentGhostHighlight.sapSuiteIDCChartSegmentGhostSelected,
 .sapSuiteIDCChartSegmentGhostHighlight {
 	fill: @sapUiHcHighlightBackground;
 	stroke: @sapUiHcStandardForeground;
 	stroke-width: 1px;
 }
+
 .sapSuiteIDCChartSegmentGhostSelected {
 	fill: @sapUiHcHighlightAltBackground;
 	stroke: @sapUiHcStandardForeground;
 	stroke-width: 1px;
 }
+
 .sapSuiteIDCSemanticMarker {
 	border-right-color: @sapUiHcStandardBackground;
 	border-right-style: solid;
 	border-right-width: 1px;
-}
+}