diff --git a/site/src/esl-popup/esl-d-popup-game.less b/site/src/esl-popup/esl-d-popup-game.less
index f1a465de7..cbbdeb059 100644
--- a/site/src/esl-popup/esl-d-popup-game.less
+++ b/site/src/esl-popup/esl-d-popup-game.less
@@ -8,7 +8,8 @@ esl-d-popup-game {
   height: 95%;
   width: 100%;
 
-  &::before, &::after {
+  &::before,
+  &::after {
     position: absolute;
     font-size: calc(min(100vh, 300px) / 3);
     display: inline-block;
diff --git a/src/modules/esl-carousel/core/esl-carousel.ts b/src/modules/esl-carousel/core/esl-carousel.ts
index f4fc374c6..3b845252a 100644
--- a/src/modules/esl-carousel/core/esl-carousel.ts
+++ b/src/modules/esl-carousel/core/esl-carousel.ts
@@ -65,22 +65,22 @@ export class ESLCarousel extends ESLBaseElement {
   /** Renderer type {@link ESLMediaRuleList} instance */
   @memoize()
   public get typeRule(): ESLMediaRuleList<string> {
-    return ESLMediaRuleList.parse(this.media, this.type);
+    return ESLMediaRuleList.parseTuple(this.media, this.type);
   }
   /** Loop marker {@link ESLMediaRuleList} instance */
   @memoize()
   public get loopRule(): ESLMediaRuleList<boolean> {
-    return ESLMediaRuleList.parse(this.media, this.loop, parseBoolean);
+    return ESLMediaRuleList.parseTuple(this.media, this.loop, parseBoolean);
   }
   /** Count of visible slides {@link ESLMediaRuleList} instance */
   @memoize()
   public get countRule(): ESLMediaRuleList<number> {
-    return ESLMediaRuleList.parse(this.media, this.count, parseInt);
+    return ESLMediaRuleList.parseTuple(this.media, this.count, parseInt);
   }
   /** Orientation of the carousel {@link ESLMediaRuleList} instance */
   @memoize()
   public get verticalRule(): ESLMediaRuleList<boolean> {
-    return ESLMediaRuleList.parse(this.media, this.vertical, parseBoolean);
+    return ESLMediaRuleList.parseTuple(this.media, this.vertical, parseBoolean);
   }
 
   /** Returns observed media rules */
diff --git a/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts b/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts
index edfe10fb4..685e91c71 100644
--- a/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts
+++ b/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts
@@ -49,7 +49,7 @@ export class ESLCarouselTouchMixin extends ESLCarouselPlugin {
   /** @returns rule {@link ESLMediaRuleList} for touch types */
   @memoize()
   public get typeRule(): ESLMediaRuleList<TouchType> {
-    return ESLMediaRuleList.parse(this.type || ESLCarouselTouchMixin.DRAG_TYPE, toTouchType);
+    return ESLMediaRuleList.parseQuery(this.type || ESLCarouselTouchMixin.DRAG_TYPE, toTouchType);
   }
 
   /** @returns whether the swipe mode is active */
diff --git a/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less b/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less
index 845e0b121..48622cfab 100644
--- a/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less
+++ b/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less
@@ -20,9 +20,12 @@
     transition: transform 0.25s linear;
   }
 
+  /* stylelint-disable-next-line */
   &.esl-carousel-horizontal :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
     width: var(--esl-slide-size);
   }
+
+  /* stylelint-disable-next-line */
   &.esl-carousel-vertical :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
     height: var(--esl-slide-size);
   }
diff --git a/src/modules/esl-media/core/esl-media.less b/src/modules/esl-media/core/esl-media.less
index d1ab834eb..4e3394fd5 100644
--- a/src/modules/esl-media/core/esl-media.less
+++ b/src/modules/esl-media/core/esl-media.less
@@ -51,12 +51,14 @@
       }
     }
 
-    &:not([wide])[fill-mode='cover'] .esl-media-inner, &[wide][fill-mode='inscribe'] .esl-media-inner {
+    &:not([wide])[fill-mode='cover'] .esl-media-inner,
+    &[wide][fill-mode='inscribe'] .esl-media-inner {
       width: auto;
       height: 100%;
     }
 
-    &:not([wide])[fill-mode='inscribe'] .esl-media-inner, &[wide][fill-mode='cover'] .esl-media-inner {
+    &:not([wide])[fill-mode='inscribe'] .esl-media-inner,
+    &[wide][fill-mode='cover'] .esl-media-inner {
       width: 100%;
       height: auto;
     }