@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

package/dist/bundle.scss

@@ -9,79 +9,100 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
 @mixin NAVIGATION_STYLES($type: 1) {
   $TYPE: "cy";
-  @if ($type == 2) {
+
+  @if ($type ==2) {
     $TYPE: "pt";
   }
-  $size: var(
-    --_sf-icn-size,
-    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-in-se, 16px)}
-  );
-  $clr: var(
-    --_sf-icn-clr,
-    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-in-c1, #000)}
-  );
-  $perc: 1.75;
-  display: var(--_d-flex);
-  align-items: center;
-  justify-content: center;
-  width: calc(#{$size} * #{$perc});
-  height: calc(#{$size} * #{$perc});
-  background: var(
-    --_sf-icn-bg,
-    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-bd-cr)}
-  );
-  border-radius: var(
-    --_sf-icn-brs,
-    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-rs)}
-  );
-  // Border is only drawn when the "Show Border" toggle is on. The renderer emits
-  // data-show-border="false" when the toggle is off; an absent/"true" value keeps
-  // the border (so existing arrows that don't set the attribute are unaffected).
-  &:not([data-show-border="false"]) {
-    border-color: var(
-      --_sf-icn-br,
-      #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-cr)}
-    );
-    border-width: var(
-      --_sf-icn-bw,
-      #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-wh)}
-    );
-    border-style: var(
-      --_sf-icn-bs,
-      #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-se)}
-    );
-  }
-  // Hide the arrow glyph when the "Show Icon" toggle is off.
-  &[data-show-icon="false"] > span {
-    display: none;
-  }
-  &:disabled {
-    opacity: 0.65;
-    cursor: no-drop;
-  }
 
-  &:hover {
-    --_sf-icn-size: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-in-se)};
-    --_sf-icn-clr: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-in-c1)};
-    --_sf-icn-bg: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-bd-cr)};
-    --_sf-icn-br: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-cr)};
-    --_sf-icn-bw: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-wh)};
-    --_sf-icn-bs: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-se)};
-    --_sf-icn-brs: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-rs)};
-  }
-  & > span {
-    display: var(--_d-flex);
+  $size: var(--_sf-icn-size,
+      #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-in-se, 16px)
+});
+$clr: var(--_sf-icn-clr,
+    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-in-c1, #000)
+});
+$perc: 1.75;
+display: var(--_d-flex);
+align-items: center;
+justify-content: center;
+width: calc(#{$size} * #{$perc});
+height: calc(#{$size} * #{$perc});
+background: var(--_sf-icn-bg,
+  #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-bd-cr)
+});
+border-radius: var(--_sf-icn-brs,
+  #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-rs)
+});
+
+// Border is only drawn when the "Show Border" toggle is on. The renderer emits
+// data-show-border="false" when the toggle is off; an absent/"true" value keeps
+// the border (so existing arrows that don't set the attribute are unaffected).
+&:not([data-show-border="false"]) {
+  border-color: var(--_sf-icn-br,
+    #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-cr)
+});
+border-width: var(--_sf-icn-bw,
+  #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-wh)
+});
+border-style: var(--_sf-icn-bs,
+  #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-dt-se-br-se)
+});
+}
 
-    svg {
-      width: #{$size};
-      height: #{$size};
+// Hide the arrow glyph when the "Show Icon" toggle is off.
+&[data-show-icon="false"]>span {
+  display: none;
+}
 
-      path {
-        stroke: #{$clr};
-      }
+&:disabled {
+  opacity: 0.65;
+  cursor: no-drop;
+}
+
+&:hover {
+  --_sf-icn-size: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-in-se)
+}
+
+;
+--_sf-icn-clr: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-in-c1)
+}
+
+;
+--_sf-icn-bg: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-bd-cr)
+}
+
+;
+--_sf-icn-br: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-cr)
+}
+
+;
+--_sf-icn-bw: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-wh)
+}
+
+;
+--_sf-icn-bs: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-se)
+}
+
+;
+--_sf-icn-brs: #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-#{$TYPE}-sr-hr-se-br-rs)
+}
+
+;
+}
+
+&>span {
+  display: var(--_d-flex);
+
+  svg {
+    width: #{$size};
+    height: #{$size};
+
+    path {
+      stroke: #{$clr};
     }
   }
 }
+}
+
 [data-div-type="element"] {
   &[data-element-type="bundle"] {
     // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
@@ -103,12 +124,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
     //     )
     //   )
     // );
-    width: var(
-      --_sf-el-wh-st-mx,
-      calc(
-        1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
-      )
-    );
+    width: var(--_sf-el-wh-st-mx,
+        calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
     // min-height: var();
     // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
 
@@ -146,10 +163,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
     //   min-height: 100px !important;
     // }
 
-    & > .wrapper {
+    &>.wrapper {
       width: 100%;
       // height: 100%;
     }
+
     .embla {
       width: 100%;
       // height: 100%;
@@ -173,61 +191,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: grid;
           grid-template-rows: 100%;
 
-          grid-template-columns: repeat(
-            var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
-            calc(
-              (
-                  100% -
-                    (
-                      var(
-                          --_ctm-mob-lt-is-pr-se,
-                          var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))
-                        ) -
-                        1
-                    ) *
-                    var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)))
-                ) /
-                var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
-            )
-          );
+          grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
+              calc((100% - (var(--_ctm-mob-lt-is-pr-se,
+                      var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))) - 1) * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)))) / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))));
 
           grid-auto-flow: column;
           gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
 
           &[data-control-type="Bottom"][data-slider-control="Arrows"] {
-            height: calc(
-              100% - calc(
-                  var(
-                      --_ctm-mob-dn-pn-as-aw-se,
-                      var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-                    ) +
-                    10px
-                )
-            );
+            height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
+                    var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 10px));
           }
 
           &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
-            height: calc(
-              100% - calc(
-                  var(
-                      --_ctm-mob-dn-pn-le-le-ht,
-                      var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
-                    ) +
-                    20px
-                )
-            );
+            height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
+                    var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
           }
 
           &[data-control-type="Bottom"][data-slider-control="Dots"] {
-            height: calc(
-              100% - calc(
-                  var(
-                      --_ctm-mob-dn-pn-ds-dt-se,
-                      var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
-                    ) +
-                    20px
-                )
-            );
+            height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
+                    var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
           }
 
           .embla__slide {
@@ -236,22 +219,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
         }
       }
+
       &:not([data-display-style="Column"]) {
         .embla__container {
-          grid-auto-columns: calc(
-            (
-                100% -
-                  (
-                    var(
-                        --_ctm-mob-lt-is-pr-se,
-                        var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))
-                      ) -
-                      1
-                  ) *
-                  var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)))
-              ) /
-              var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
-          );
+          grid-auto-columns: calc((100% - (var(--_ctm-mob-lt-is-pr-se,
+                    var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))) - 1) * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)))) / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))));
         }
       }
 
@@ -261,6 +233,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         .embla__viewport {
           .embla__container {
             display: flex;
+
             .embla__slide {
               width: unset;
               height: 100%;
@@ -278,20 +251,25 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         width: 100%;
         justify-content: space-between;
         transform: translate(-50%, -50%);
+
         //   padding-left: 20px;
         &[data-control-type="Side"] {
+
           .left-button,
           .right-button {
             background-color: transparent;
           }
         }
+
         &[data-background-shape="Round"] {
+
           .left-button,
           .right-button {
             background-color: #f2f5f5;
             box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
           }
         }
+
         &[data-control-type="Bottom-Overflow"] {
           transform: translateX(-50%);
           width: 100%;
@@ -300,6 +278,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           top: unset;
           bottom: 6px;
         }
+
         &[data-control-type="Bottom"] {
           transform: unset;
           position: static;
@@ -308,18 +287,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           gap: 12px;
           margin-top: 10px;
         }
+
         .left-button {
           padding: 10px;
           border-radius: 50%;
           border: none;
-          width: var(
-            --_ctm-mob-dn-pn-as-aw-se,
-            var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-          );
-          height: var(
-            --_ctm-mob-dn-pn-as-aw-se,
-            var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-          );
+          width: var(--_ctm-mob-dn-pn-as-aw-se,
+              var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
+          height: var(--_ctm-mob-dn-pn-as-aw-se,
+              var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
 
           display: flex;
           align-items: center;
@@ -327,6 +303,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           cursor: pointer;
           outline: none;
           margin-left: 12px;
+
           &:disabled {
             & svg {
               path {
@@ -335,17 +312,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .right-button {
           border-radius: 50%;
           border: none;
-          width: var(
-            --_ctm-mob-dn-pn-as-aw-se,
-            var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-          );
-          height: var(
-            --_ctm-mob-dn-pn-as-aw-se,
-            var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-          );
+          width: var(--_ctm-mob-dn-pn-as-aw-se,
+              var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
+          height: var(--_ctm-mob-dn-pn-as-aw-se,
+              var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
 
           display: flex;
           align-items: center;
@@ -363,30 +337,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .icon {
           display: flex;
 
           svg {
-            width: calc(
-              var(
-                  --_ctm-mob-dn-pn-as-aw-se,
-                  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-                ) *
-                0.5
-            );
-            height: calc(
-              var(
-                  --_ctm-mob-dn-pn-as-aw-se,
-                  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
-                ) *
-                0.5
-            );
+            width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
+                  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
+            height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
+                  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
 
             path {
-              stroke: var(
-                --_ctm-mob-dn-pn-as-aw-cr,
-                var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
-              );
+              stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
+                  var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
             }
           }
         }
@@ -402,6 +365,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           width: calc(100% - 120px);
           margin-inline: auto;
         }
+
         .left-button {
           position: absolute;
           left: 0;
@@ -411,6 +375,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
           @include NAVIGATION_STYLES(1);
         }
+
         .right-button {
           position: absolute;
           z-index: 2;
@@ -429,9 +394,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
       &[data-thumbnail-placement="top"] {
         flex-direction: column-reverse;
       }
+
       &[data-thumbnail-placement="bottom"] {
         flex-direction: column;
       }
+
       &[data-thumbnail-placement="left"] {
         flex-direction: row-reverse;
 
@@ -445,8 +412,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
         }
       }
+
       &[data-thumbnail-placement="right"] {
         flex-direction: row;
+
         .embla__thumbs {
           width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
 
@@ -459,40 +428,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         }
       }
     }
+
     .bundle__element__container {
       // height: 100%;
-      background-color: var(
-        --_ctm-mob-dn-wt-se-bd-cr,
-        var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
-      );
-
-      border-color: var(
-        --_ctm-mob-dn-wt-se-br-cr,
-        var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
-      );
-
-      border-style: var(
-        --_ctm-mob-dn-wt-se-br-se,
-        var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
-      );
-
-      border-width: var(
-        --_ctm-mob-dn-wt-se-br-wh,
-        var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
-      );
-
-      border-radius: var(
-        --_ctm-mob-dn-wt-se-br-rs,
-        var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
-      );
-
-      box-shadow: var(
-        --_show-shadow,
-        var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
-          var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
-          var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
-          var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
-      );
+      background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
+          var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
+
+      border-color: var(--_ctm-mob-dn-wt-se-br-cr,
+          var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
+
+      border-style: var(--_ctm-mob-dn-wt-se-br-se,
+          var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
+
+      border-width: var(--_ctm-mob-dn-wt-se-br-wh,
+          var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
+
+      border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
+          var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
+
+      box-shadow: var(--_show-shadow,
+          var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
 
       padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
       display: flex;
@@ -501,214 +456,134 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
       .bundle__tabs {
         width: 100%;
-        background-color: var(
-          --_ctm-mob-dn-be-ts-wt-se-bd-cr,
-          var(--_ctm-tab-dn-be-ts-wt-se-bd-cr, var(--_ctm-dn-be-ts-wt-se-bd-cr))
-        );
+        background-color: var(--_ctm-mob-dn-be-ts-wt-se-bd-cr,
+            var(--_ctm-tab-dn-be-ts-wt-se-bd-cr, var(--_ctm-dn-be-ts-wt-se-bd-cr)));
         // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
         display: flex;
         flex-direction: column;
-        --_sf-gp: var(
-          --_ctm-mob-lt-im-sg,
-          var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
-        );
+        --_sf-gp: var(--_ctm-mob-lt-im-sg,
+            var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px)));
         --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
         row-gap: var(--_sf-gp);
         width: 100%;
+
         // height: 100%;
         // Border only drawn when the widget's "Show Border" toggle is on. The
         // renderer emits data-show-border="true"/"" on the .bundle__tabs container.
         &[data-show-border="true"] {
-          border-color: var(
-            --_ctm-mob-dn-be-ts-wt-se-br-cr,
-            var(--_ctm-tab-dn-be-ts-wt-se-br-cr, var(--_ctm-dn-be-ts-wt-se-br-cr))
-          );
-          border-style: var(
-            --_ctm-mob-dn-be-ts-wt-se-br-se,
-            var(--_ctm-tab-dn-be-ts-wt-se-br-se, var(--_ctm-dn-be-ts-wt-se-br-se))
-          );
-          border-width: var(
-            --_ctm-mob-dn-be-ts-wt-se-br-wh,
-            var(--_ctm-tab-dn-be-ts-wt-se-br-wh, var(--_ctm-dn-be-ts-wt-se-br-wh))
-          );
+          border-color: var(--_ctm-mob-dn-be-ts-wt-se-br-cr,
+              var(--_ctm-tab-dn-be-ts-wt-se-br-cr, var(--_ctm-dn-be-ts-wt-se-br-cr)));
+          border-style: var(--_ctm-mob-dn-be-ts-wt-se-br-se,
+              var(--_ctm-tab-dn-be-ts-wt-se-br-se, var(--_ctm-dn-be-ts-wt-se-br-se)));
+          border-width: var(--_ctm-mob-dn-be-ts-wt-se-br-wh,
+              var(--_ctm-tab-dn-be-ts-wt-se-br-wh, var(--_ctm-dn-be-ts-wt-se-br-wh)));
         }
-        border-radius: var(
-          --_ctm-mob-dn-be-ts-wt-se-br-rs,
-          var(--_ctm-tab-dn-be-ts-wt-se-br-rs, var(--_ctm-dn-be-ts-wt-se-br-rs))
-        );
-        box-shadow: var(
-          --_show-shadow,
-          var(
-              --_ctm-mob-dn-be-ts-wt-se-sw-ae,
-              var(--_ctm-tab-dn-be-ts-wt-se-sw-ae, var(--_ctm-dn-be-ts-wt-se-sw-ae))
-            )
-            var(
-              --_ctm-mob-dn-be-ts-wt-se-sw-br,
-              var(--_ctm-tab-dn-be-ts-wt-se-sw-br, var(--_ctm-dn-be-ts-wt-se-sw-br))
-            )
-            var(
-              --_ctm-mob-dn-be-ts-wt-se-sw-sd,
-              var(--_ctm-tab-dn-be-ts-wt-se-sw-sd, var(--_ctm-dn-be-ts-wt-se-sw-sd))
-            )
-            var(
-              --_ctm-mob-dn-be-ts-wt-se-sw-cr,
-              var(--_ctm-tab-dn-be-ts-wt-se-sw-cr, var(--_ctm-dn-be-ts-wt-se-sw-cr))
-            )
-        );
+
+        border-radius: var(--_ctm-mob-dn-be-ts-wt-se-br-rs,
+          var(--_ctm-tab-dn-be-ts-wt-se-br-rs, var(--_ctm-dn-be-ts-wt-se-br-rs)));
+        box-shadow: var(--_show-shadow,
+          var(--_ctm-mob-dn-be-ts-wt-se-sw-ae,
+            var(--_ctm-tab-dn-be-ts-wt-se-sw-ae, var(--_ctm-dn-be-ts-wt-se-sw-ae))) var(--_ctm-mob-dn-be-ts-wt-se-sw-br,
+            var(--_ctm-tab-dn-be-ts-wt-se-sw-br, var(--_ctm-dn-be-ts-wt-se-sw-br))) var(--_ctm-mob-dn-be-ts-wt-se-sw-sd,
+            var(--_ctm-tab-dn-be-ts-wt-se-sw-sd, var(--_ctm-dn-be-ts-wt-se-sw-sd))) var(--_ctm-mob-dn-be-ts-wt-se-sw-cr,
+            var(--_ctm-tab-dn-be-ts-wt-se-sw-cr, var(--_ctm-dn-be-ts-wt-se-sw-cr))));
+
         .profile__button {
           &[data-show-shadow="false"] {
             --_show-shadow: none;
           }
+
           &[data-icon-position="left"] {
             --_sf-fd-bn: row;
           }
+
           &[data-icon-position="right"] {
             --_sf-fd-bn: row-reverse;
           }
+
           &[data-icon-position="center"] {
             --_sf-fd-bn: row;
           }
 
           &:hover {
-            --_sf-hr-bd-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-bd-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-bd-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-bd-cr))
-            );
-            --_sf-hr-br-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-br-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-br-cr))
-            );
-            --_sf-hr-br-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-br-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-se, var(--_ctm-dn-be-ts-be-tb-hr-se-br-se))
-            );
-            --_sf-hr-br-wh: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-br-wh,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-wh, var(--_ctm-dn-be-ts-be-tb-hr-se-br-wh))
-            );
-            --_sf-hr-br-rs: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-br-rs,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-rs, var(--_ctm-dn-be-ts-be-tb-hr-se-br-rs))
-            );
-            --_sf-hr-at: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-at,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-at, var(--_ctm-dn-be-ts-be-tb-hr-se-at))
-            );
-            --_sf-hr-in-ad-tt-sg: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-in-ad-tt-sg,
-              var(
-                --_ctm-tab-dn-be-ts-be-tb-hr-se-in-ad-tt-sg,
-                var(--_ctm-dn-be-ts-be-tb-hr-se-in-ad-tt-sg)
-              )
-            );
+            --_sf-hr-bd-cr: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-bd-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-bd-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-bd-cr)));
+            --_sf-hr-br-cr: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-br-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-br-cr)));
+            --_sf-hr-br-se: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-br-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-se, var(--_ctm-dn-be-ts-be-tb-hr-se-br-se)));
+            --_sf-hr-br-wh: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-br-wh,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-wh, var(--_ctm-dn-be-ts-be-tb-hr-se-br-wh)));
+            --_sf-hr-br-rs: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-br-rs,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-br-rs, var(--_ctm-dn-be-ts-be-tb-hr-se-br-rs)));
+            --_sf-hr-at: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-at,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-at, var(--_ctm-dn-be-ts-be-tb-hr-se-at)));
+            --_sf-hr-in-ad-tt-sg: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-in-ad-tt-sg,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-ad-tt-sg,
+                  var(--_ctm-dn-be-ts-be-tb-hr-se-in-ad-tt-sg)));
 
             // for shadow
-            --_sf-hr-sw-ae: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-sw-ae,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-ae, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-ae))
-            );
-            --_sf-hr-sw-br: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-sw-br,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-br, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-br))
-            );
-            --_sf-hr-sw-hr: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-sw-hr,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-hr, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-hr))
-            );
-            --_sf-hr-sw-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-sw-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-cr))
-            );
+            --_sf-hr-sw-ae: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-sw-ae,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-ae, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-ae)));
+            --_sf-hr-sw-br: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-sw-br,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-br, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-br)));
+            --_sf-hr-sw-hr: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-sw-hr,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-hr, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-hr)));
+            --_sf-hr-sw-cr: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-sw-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-sw-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-sw-cr)));
 
             // for font
 
-            --_sf-hr-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-cr))
-            );
-            --_sf-hr-ft-fy: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-fy,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-fy))
-            );
-            --_sf-hr-tt-tm: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-tt-tm,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-hr-se-tt-tm))
-            );
-            --_sf-hr-wd-wp: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-wd-wp,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-wp))
-            );
-            --_sf-hr-wd-bk: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-wd-bk,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-bk))
-            );
-            --_sf-hr-ft-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-se, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-se))
-            );
-            --_sf-hr-ft-wt: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-wt,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-wt, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-wt))
-            );
-            --_sf-hr-ft-se-ic: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-se-ic,
-              var(
-                --_ctm-tab-dn-be-ts-be-tb-hr-se-ft-se-ic,
-                var(--_ctm-dn-be-ts-be-tb-hr-se-ft-se-ic)
-              )
-            );
-            --_sf-hr-tt-an: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-tt-an,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-tt-an, var(--_ctm-dn-be-ts-be-tb-hr-se-tt-an))
-            );
-            --_sf-hr-lr-sg: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-lr-sg,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-lr-sg, var(--_ctm-dn-be-ts-be-tb-hr-se-lr-sg))
-            );
-            --_sf-hr-le-ht: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-le-ht,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-le-ht, var(--_ctm-dn-be-ts-be-tb-hr-se-le-ht))
-            );
-
-            --_sf-hr-in-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-in-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-se, var(--_ctm-dn-be-ts-be-tb-hr-se-in-se))
-            );
-            --_sf-hr-in-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-in-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-se, var(--_ctm-dn-be-ts-be-tb-hr-se-in-se))
-            );
-            --_sf-hr-in-c1: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-in-c1,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-c1, var(--_ctm-dn-be-ts-be-tb-hr-se-in-c1))
-            );
-            --_sf-hr-ue: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-ue,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ue, var(--_ctm-dn-be-ts-be-tb-hr-se-ue))
-            );
+            --_sf-hr-cr: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-cr, var(--_ctm-dn-be-ts-be-tb-hr-se-cr)));
+            --_sf-hr-ft-fy: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-ft-fy,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-fy)));
+            --_sf-hr-tt-tm: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-tt-tm,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-hr-se-tt-tm)));
+            --_sf-hr-wd-wp: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-wd-wp,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-wp)));
+            --_sf-hr-wd-bk: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-wd-bk,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-bk)));
+            --_sf-hr-ft-se: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-ft-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-se, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-se)));
+            --_sf-hr-ft-wt: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-ft-wt,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-wt, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-wt)));
+            --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-ft-se-ic,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-se-ic,
+                  var(--_ctm-dn-be-ts-be-tb-hr-se-ft-se-ic)));
+            --_sf-hr-tt-an: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-tt-an,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-tt-an, var(--_ctm-dn-be-ts-be-tb-hr-se-tt-an)));
+            --_sf-hr-lr-sg: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-lr-sg,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-lr-sg, var(--_ctm-dn-be-ts-be-tb-hr-se-lr-sg)));
+            --_sf-hr-le-ht: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-le-ht,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-le-ht, var(--_ctm-dn-be-ts-be-tb-hr-se-le-ht)));
+
+            --_sf-hr-in-se: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-in-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-se, var(--_ctm-dn-be-ts-be-tb-hr-se-in-se)));
+            --_sf-hr-in-se: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-in-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-se, var(--_ctm-dn-be-ts-be-tb-hr-se-in-se)));
+            --_sf-hr-in-c1: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-in-c1,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-in-c1, var(--_ctm-dn-be-ts-be-tb-hr-se-in-c1)));
+            --_sf-hr-ue: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-ue,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ue, var(--_ctm-dn-be-ts-be-tb-hr-se-ue)));
 
             // for pading and width
-            --_sf-hr-pg: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-pg,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-pg, var(--_ctm-dn-be-ts-be-tb-hr-se-pg))
-            );
-            --_sf-hr-wh: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-se-wh,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wh, var(--_ctm-dn-be-ts-be-tb-hr-se-wh))
-            );
+            --_sf-hr-pg: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-pg,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-pg, var(--_ctm-dn-be-ts-be-tb-hr-se-pg)));
+            --_sf-hr-wh: var(--_ctm-mob-dn-be-ts-be-tb-hr-se-wh,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wh, var(--_ctm-dn-be-ts-be-tb-hr-se-wh)));
 
             &[data-hover-show-shadow="false"] {
               --_hover-show-shadow: none;
             }
+
             &[data-hover-show-icon="false"] {
               --_hover-show-icon: none;
             }
           }
 
-          background-color: var(
-            --_sf-hr-bd-cr,
-            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-bd-cr)
-          );
+          background-color: var(--_sf-hr-bd-cr,
+            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-bd-cr));
 
           padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-pg));
           display: flex;
@@ -716,36 +591,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           align-items: center;
 
           justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-at));
-          gap: var(
-            --_sf-hr-in-ad-tt-sg,
-            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-in-ad-tt-sg)
-          );
+          gap: var(--_sf-hr-in-ad-tt-sg,
+            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-in-ad-tt-sg));
 
-          border-radius: var(
-            --_sf-hr-br-rs,
-            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-rs)
-          );
+          border-radius: var(--_sf-hr-br-rs,
+            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-rs));
 
-          box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-ae))
-            var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-br))
-            var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-sd))
-            var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-cr));
+          box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-cr));
 
           &[data-show-border="true"] {
-            border-color: var(
-              --_sf-hr-br-cr,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-cr)
-            );
-
-            border-style: var(
-              --_sf-hr-br-se,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-se)
-            );
-
-            border-width: var(
-              --_sf-hr-br-wh,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-wh)
-            );
+            border-color: var(--_sf-hr-br-cr,
+                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-cr));
+
+            border-style: var(--_sf-hr-br-se,
+                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-se));
+
+            border-width: var(--_sf-hr-br-wh,
+                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-wh));
           }
 
           // text styles
@@ -756,6 +618,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm));
           word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp));
           word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk));
+
           &.flex__overflow {
             white-space: normal;
             @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -765,17 +628,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
           font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-wt));
 
-          font-style: var(
-            --_sf-hr-ft-se-ic,
-            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se-ic)
-          );
+          font-style: var(--_sf-hr-ft-se-ic,
+            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se-ic));
 
           text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-an));
 
-          letter-spacing: var(
-            --_sf-hr-lr-sg,
-            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-lr-sg)
-          );
+          letter-spacing: var(--_sf-hr-lr-sg,
+            prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-lr-sg));
 
           line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-le-ht));
 
@@ -787,144 +646,83 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
 
           &[data-is-selected="true"] {
-            --_sf-sd-bd-cr: var(
-              --_ctm-mob-dn-me-sd-se-bd-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-bd-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-bd-cr))
-            );
-            --_sf-sd-br-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-br-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-br-cr))
-            );
-            --_sf-sd-br-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-br-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-se, var(--_ctm-dn-be-ts-be-tb-sd-se-br-se))
-            );
-            --_sf-sd-br-wh: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-br-wh,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-wh, var(--_ctm-dn-be-ts-be-tb-sd-se-br-wh))
-            );
-            --_sf-sd-br-rs: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-br-rs,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-rs, var(--_ctm-dn-be-ts-be-tb-sd-se-br-rs))
-            );
-            --_sf-sd-at: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-at,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-at, var(--_ctm-dn-be-ts-be-tb-sd-se-at))
-            );
-            --_sf-sd-in-ad-tt-sg: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-in-ad-tt-sg,
-              var(
-                --_ctm-tab-dn-be-ts-be-tb-sd-se-in-ad-tt-sg,
-                var(--_ctm-dn-be-ts-be-tb-sd-se-in-ad-tt-sg)
-              )
-            );
+            --_sf-sd-bd-cr: var(--_ctm-mob-dn-me-sd-se-bd-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-bd-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-bd-cr)));
+            --_sf-sd-br-cr: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-br-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-br-cr)));
+            --_sf-sd-br-se: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-br-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-se, var(--_ctm-dn-be-ts-be-tb-sd-se-br-se)));
+            --_sf-sd-br-wh: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-br-wh,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-wh, var(--_ctm-dn-be-ts-be-tb-sd-se-br-wh)));
+            --_sf-sd-br-rs: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-br-rs,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-br-rs, var(--_ctm-dn-be-ts-be-tb-sd-se-br-rs)));
+            --_sf-sd-at: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-at,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-at, var(--_ctm-dn-be-ts-be-tb-sd-se-at)));
+            --_sf-sd-in-ad-tt-sg: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-in-ad-tt-sg,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-ad-tt-sg,
+                  var(--_ctm-dn-be-ts-be-tb-sd-se-in-ad-tt-sg)));
 
             // for shadow
-            --_sf-sd-sw-ae: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-sw-ae,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-ae, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-ae))
-            );
-            --_sf-sd-sw-br: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-sw-br,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-br, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-br))
-            );
-            --_sf-sd-sw-hr: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-sw-hr,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-hr, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-hr))
-            );
-            --_sf-sd-sw-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-sw-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-cr))
-            );
+            --_sf-sd-sw-ae: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-sw-ae,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-ae, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-ae)));
+            --_sf-sd-sw-br: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-sw-br,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-br, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-br)));
+            --_sf-sd-sw-hr: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-sw-hr,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-hr, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-hr)));
+            --_sf-sd-sw-cr: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-sw-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-sw-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-sw-cr)));
 
             // for font
 
-            --_sf-sd-cr: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-cr,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-cr))
-            );
-            --_sf-sd-ft-fy: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-fy,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-fy))
-            );
-            --_sf-sd-tt-tm: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-tt-tm,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-sd-se-tt-tm))
-            );
-            --_sf-sd-wd-wp: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-wd-wp,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-wp))
-            );
-            --_sf-sd-wd-bk: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-wd-bk,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-bk))
-            );
-            --_sf-sd-ft-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-se, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-se))
-            );
-            --_sf-sd-ft-wt: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-wt,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-wt, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-wt))
-            );
-            --_sf-sd-ft-se-ic: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-se-ic,
-              var(
-                --_ctm-tab-dn-be-ts-be-tb-sd-se-ft-se-ic,
-                var(--_ctm-dn-be-ts-be-tb-sd-se-ft-se-ic)
-              )
-            );
-            --_sf-sd-tt-an: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-tt-an,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-tt-an, var(--_ctm-dn-be-ts-be-tb-sd-se-tt-an))
-            );
-            --_sf-sd-lr-sg: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-lr-sg,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-lr-sg, var(--_ctm-dn-be-ts-be-tb-sd-se-lr-sg))
-            );
-            --_sf-sd-le-ht: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-le-ht,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-le-ht, var(--_ctm-dn-be-ts-be-tb-sd-se-le-ht))
-            );
-
-            --_sf-sd-in-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-in-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-se, var(--_ctm-dn-be-ts-be-tb-sd-se-in-se))
-            );
-            --_sf-sd-in-se: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-in-se,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-se, var(--_ctm-dn-be-ts-be-tb-sd-se-in-se))
-            );
-            --_sf-sd-in-c1: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-in-c1,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-c1, var(--_ctm-dn-be-ts-be-tb-sd-se-in-c1))
-            );
-            --_sf-sd-ue: var(
-              --_ctm-mob-dn-be-ts-be-tb-hr-ue,
-              var(--_ctm-tab-dn-be-ts-be-tb-hr-ue, var(--_ctm-dn-be-ts-be-tb-hr-ue))
-            );
+            --_sf-sd-cr: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-cr,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-cr, var(--_ctm-dn-be-ts-be-tb-sd-se-cr)));
+            --_sf-sd-ft-fy: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-ft-fy,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-fy)));
+            --_sf-sd-tt-tm: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-tt-tm,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-sd-se-tt-tm)));
+            --_sf-sd-wd-wp: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-wd-wp,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-wp)));
+            --_sf-sd-wd-bk: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-wd-bk,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-bk)));
+            --_sf-sd-ft-se: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-ft-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-se, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-se)));
+            --_sf-sd-ft-wt: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-ft-wt,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-wt, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-wt)));
+            --_sf-sd-ft-se-ic: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-ft-se-ic,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-se-ic,
+                  var(--_ctm-dn-be-ts-be-tb-sd-se-ft-se-ic)));
+            --_sf-sd-tt-an: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-tt-an,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-tt-an, var(--_ctm-dn-be-ts-be-tb-sd-se-tt-an)));
+            --_sf-sd-lr-sg: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-lr-sg,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-lr-sg, var(--_ctm-dn-be-ts-be-tb-sd-se-lr-sg)));
+            --_sf-sd-le-ht: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-le-ht,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-le-ht, var(--_ctm-dn-be-ts-be-tb-sd-se-le-ht)));
+
+            --_sf-sd-in-se: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-in-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-se, var(--_ctm-dn-be-ts-be-tb-sd-se-in-se)));
+            --_sf-sd-in-se: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-in-se,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-se, var(--_ctm-dn-be-ts-be-tb-sd-se-in-se)));
+            --_sf-sd-in-c1: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-in-c1,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-in-c1, var(--_ctm-dn-be-ts-be-tb-sd-se-in-c1)));
+            --_sf-sd-ue: var(--_ctm-mob-dn-be-ts-be-tb-hr-ue,
+                var(--_ctm-tab-dn-be-ts-be-tb-hr-ue, var(--_ctm-dn-be-ts-be-tb-hr-ue)));
 
             // for pading and width
-            --_sf-sd-pg: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-pg,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-pg, var(--_ctm-dn-be-ts-be-tb-sd-se-pg))
-            );
-            --_sf-sd-wh: var(
-              --_ctm-mob-dn-be-ts-be-tb-sd-se-wh,
-              var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wh, var(--_ctm-dn-be-ts-be-tb-sd-se-wh))
-            );
+            --_sf-sd-pg: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-pg,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-pg, var(--_ctm-dn-be-ts-be-tb-sd-se-pg)));
+            --_sf-sd-wh: var(--_ctm-mob-dn-be-ts-be-tb-sd-se-wh,
+                var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wh, var(--_ctm-dn-be-ts-be-tb-sd-se-wh)));
 
             &[data-hover-show-shadow="false"] {
               --_hover-show-shadow: none;
             }
+
             &[data-hover-show-icon="false"] {
               --_hover-show-icon: none;
             }
 
-            background-color: var(
-              --_sf-sd-bd-cr,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-bd-cr)
-            );
+            background-color: var(--_sf-sd-bd-cr,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-bd-cr));
 
             padding: var(--_sf-sd-pg, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-pg));
             display: flex;
@@ -932,58 +730,38 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             align-items: center;
 
             justify-content: var(--_sf-sd-at, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-at));
-            gap: var(
-              --_sf-sd-in-ad-tt-sg,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-in-ad-tt-sg)
-            );
+            gap: var(--_sf-sd-in-ad-tt-sg,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-in-ad-tt-sg));
 
-            border-radius: var(
-              --_sf-sd-br-rs,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-rs)
-            );
+            border-radius: var(--_sf-sd-br-rs,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-rs));
 
-            box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-ae))
-              var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-br))
-              var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-sd))
-              var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-cr));
+            box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-sw-cr));
 
             &[data-show-border="true"] {
-              border-color: var(
-                --_sf-sd-br-cr,
-                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-cr)
-              );
-
-              border-style: var(
-                --_sf-sd-br-se,
-                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-se)
-              );
-
-              border-width: var(
-                --_sf-sd-br-wh,
-                prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-wh)
-              );
+              border-color: var(--_sf-sd-br-cr,
+                  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-cr));
+
+              border-style: var(--_sf-sd-br-se,
+                  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-se));
+
+              border-width: var(--_sf-sd-br-wh,
+                  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-br-wh));
             }
 
             // text styles
 
             color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-cr));
 
-            font-family: var(
-              --_sf-sd-ft-fy,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-fy)
-            );
-            text-transform: var(
-              --_sf-sd-tt-tm,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm)
-            );
-            word-wrap: var(
-              --_sf-sd-wd-wp,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp)
-            );
-            word-break: var(
-              --_sf-sd-wd-bk,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk)
-            );
+            font-family: var(--_sf-sd-ft-fy,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-fy));
+            text-transform: var(--_sf-sd-tt-tm,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm));
+            word-wrap: var(--_sf-sd-wd-wp,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp));
+            word-break: var(--_sf-sd-wd-bk,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk));
+
             &.flex__overflow {
               white-space: normal;
               @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -991,30 +769,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
             font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se));
 
-            font-weight: var(
-              --_sf-sd-ft-wt,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-wt)
-            );
+            font-weight: var(--_sf-sd-ft-wt,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-wt));
 
-            font-style: var(
-              --_sf-sd-ft-se-ic,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se-ic)
-            );
+            font-style: var(--_sf-sd-ft-se-ic,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se-ic));
 
-            text-align: var(
-              --_sf-sd-tt-an,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-an)
-            );
+            text-align: var(--_sf-sd-tt-an,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-an));
 
-            letter-spacing: var(
-              --_sf-sd-lr-sg,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-lr-sg)
-            );
+            letter-spacing: var(--_sf-sd-lr-sg,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-lr-sg));
 
-            line-height: var(
-              --_sf-sd-le-ht,
-              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-le-ht)
-            );
+            line-height: var(--_sf-sd-le-ht,
+              prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-le-ht));
 
             text-decoration: var(--_sf-sd-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
 
@@ -1024,12 +792,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .embla {
           height: auto;
+
           .embla__viewport {
             .embla__container {
               display: flex;
               gap: prepareMediaVariable(--_ctm-dn-be-ts-wt-se-im-gp);
+
               .embla__slide {
                 width: unset;
               }
@@ -1037,216 +808,137 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
         }
       }
+
       .category__tabs {
         width: 100%;
-        background-color: var(
-          --_ctm-mob-dn-cy-ts-wt-se-bd-cr,
-          var(--_ctm-tab-dn-cy-ts-wt-se-bd-cr, var(--_ctm-dn-cy-ts-wt-se-bd-cr))
-        );
+        background-color: var(--_ctm-mob-dn-cy-ts-wt-se-bd-cr,
+            var(--_ctm-tab-dn-cy-ts-wt-se-bd-cr, var(--_ctm-dn-cy-ts-wt-se-bd-cr)));
         // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
         display: flex;
         flex-direction: column;
-        --_sf-gp: var(
-          --_ctm-mob-lt-im-sg,
-          var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
-        );
+        --_sf-gp: var(--_ctm-mob-lt-im-sg,
+            var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px)));
         --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
         row-gap: var(--_sf-gp);
         width: 100%;
+
         // height: 100%;
         // Border only drawn when the widget's "Show Border" toggle is on. The
         // renderer emits data-show-border="true"/"" on the .category__tabs container.
         &[data-show-border="true"] {
-          border-color: var(
-            --_ctm-mob-dn-cy-ts-wt-se-br-cr,
-            var(--_ctm-tab-dn-cy-ts-wt-se-br-cr, var(--_ctm-dn-cy-ts-wt-se-br-cr))
-          );
-          border-style: var(
-            --_ctm-mob-dn-cy-ts-wt-se-br-se,
-            var(--_ctm-tab-dn-cy-ts-wt-se-br-se, var(--_ctm-dn-cy-ts-wt-se-br-se))
-          );
-          border-width: var(
-            --_ctm-mob-dn-cy-ts-wt-se-br-wh,
-            var(--_ctm-tab-dn-cy-ts-wt-se-br-wh, var(--_ctm-dn-cy-ts-wt-se-br-wh))
-          );
+          border-color: var(--_ctm-mob-dn-cy-ts-wt-se-br-cr,
+              var(--_ctm-tab-dn-cy-ts-wt-se-br-cr, var(--_ctm-dn-cy-ts-wt-se-br-cr)));
+          border-style: var(--_ctm-mob-dn-cy-ts-wt-se-br-se,
+              var(--_ctm-tab-dn-cy-ts-wt-se-br-se, var(--_ctm-dn-cy-ts-wt-se-br-se)));
+          border-width: var(--_ctm-mob-dn-cy-ts-wt-se-br-wh,
+              var(--_ctm-tab-dn-cy-ts-wt-se-br-wh, var(--_ctm-dn-cy-ts-wt-se-br-wh)));
         }
-        border-radius: var(
-          --_ctm-mob-dn-cy-ts-wt-se-br-rs,
-          var(--_ctm-tab-dn-cy-ts-wt-se-br-rs, var(--_ctm-dn-cy-ts-wt-se-br-rs))
-        );
-        box-shadow: var(
-          --_show-shadow,
-          var(
-              --_ctm-mob-dn-cy-ts-wt-se-sw-ae,
-              var(--_ctm-tab-dn-cy-ts-wt-se-sw-ae, var(--_ctm-dn-cy-ts-wt-se-sw-ae))
-            )
-            var(
-              --_ctm-mob-dn-cy-ts-wt-se-sw-br,
-              var(--_ctm-tab-dn-cy-ts-wt-se-sw-br, var(--_ctm-dn-cy-ts-wt-se-sw-br))
-            )
-            var(
-              --_ctm-mob-dn-cy-ts-wt-se-sw-sd,
-              var(--_ctm-tab-dn-cy-ts-wt-se-sw-sd, var(--_ctm-dn-cy-ts-wt-se-sw-sd))
-            )
-            var(
-              --_ctm-mob-dn-cy-ts-wt-se-sw-cr,
-              var(--_ctm-tab-dn-cy-ts-wt-se-sw-cr, var(--_ctm-dn-cy-ts-wt-se-sw-cr))
-            )
-        );
+
+        border-radius: var(--_ctm-mob-dn-cy-ts-wt-se-br-rs,
+          var(--_ctm-tab-dn-cy-ts-wt-se-br-rs, var(--_ctm-dn-cy-ts-wt-se-br-rs)));
+        box-shadow: var(--_show-shadow,
+          var(--_ctm-mob-dn-cy-ts-wt-se-sw-ae,
+            var(--_ctm-tab-dn-cy-ts-wt-se-sw-ae, var(--_ctm-dn-cy-ts-wt-se-sw-ae))) var(--_ctm-mob-dn-cy-ts-wt-se-sw-br,
+            var(--_ctm-tab-dn-cy-ts-wt-se-sw-br, var(--_ctm-dn-cy-ts-wt-se-sw-br))) var(--_ctm-mob-dn-cy-ts-wt-se-sw-sd,
+            var(--_ctm-tab-dn-cy-ts-wt-se-sw-sd, var(--_ctm-dn-cy-ts-wt-se-sw-sd))) var(--_ctm-mob-dn-cy-ts-wt-se-sw-cr,
+            var(--_ctm-tab-dn-cy-ts-wt-se-sw-cr, var(--_ctm-dn-cy-ts-wt-se-sw-cr))));
+
         .profile__button {
           &[data-show-shadow="false"] {
             --_show-shadow: none;
           }
+
           &[data-icon-position="left"] {
             --_sf-fd-bn: row;
           }
+
           &[data-icon-position="right"] {
             --_sf-fd-bn: row-reverse;
           }
+
           &[data-icon-position="center"] {
             --_sf-fd-bn: row;
           }
 
           &:hover {
-            --_sf-hr-bd-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-bd-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-bd-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-bd-cr))
-            );
-            --_sf-hr-br-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-cr))
-            );
-            --_sf-hr-br-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-se))
-            );
-            --_sf-hr-br-wh: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-wh,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-wh, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-wh))
-            );
-            --_sf-hr-br-rs: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-rs,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-rs, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-rs))
-            );
-            --_sf-hr-at: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-at,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-at, var(--_ctm-dn-cy-ts-cy-tb-hr-se-at))
-            );
-            --_sf-hr-in-ad-tt-sg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg,
-              var(
-                --_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg,
-                var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg)
-              )
-            );
+            --_sf-hr-bd-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-bd-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-bd-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-bd-cr)));
+            --_sf-hr-br-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-cr)));
+            --_sf-hr-br-se: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-se)));
+            --_sf-hr-br-wh: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-wh,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-wh, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-wh)));
+            --_sf-hr-br-rs: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-br-rs,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-br-rs, var(--_ctm-dn-cy-ts-cy-tb-hr-se-br-rs)));
+            --_sf-hr-at: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-at,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-at, var(--_ctm-dn-cy-ts-cy-tb-hr-se-at)));
+            --_sf-hr-in-ad-tt-sg: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg,
+                  var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-ad-tt-sg)));
 
             // for shadow
-            --_sf-hr-sw-ae: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-ae,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-ae, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-ae))
-            );
-            --_sf-hr-sw-br: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-br,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-br, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-br))
-            );
-            --_sf-hr-sw-hr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-hr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-hr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-hr))
-            );
-            --_sf-hr-sw-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-cr))
-            );
+            --_sf-hr-sw-ae: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-ae,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-ae, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-ae)));
+            --_sf-hr-sw-br: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-br,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-br, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-br)));
+            --_sf-hr-sw-hr: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-hr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-hr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-hr)));
+            --_sf-hr-sw-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-sw-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-sw-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-sw-cr)));
 
             // for font
 
-            --_sf-hr-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-cr))
-            );
-            --_sf-hr-ft-fy: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-fy,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-fy))
-            );
-            --_sf-hr-tt-tm: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-tt-tm,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-hr-se-tt-tm))
-            );
-            --_sf-hr-wd-wp: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-wp,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-wp))
-            );
-            --_sf-hr-wd-bk: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-bk,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-bk))
-            );
-            --_sf-hr-ft-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-se))
-            );
-            --_sf-hr-ft-wt: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-wt,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-wt, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-wt))
-            );
-            --_sf-hr-ft-se-ic: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-se-ic,
-              var(
-                --_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-se-ic,
-                var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-se-ic)
-              )
-            );
-            --_sf-hr-tt-an: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-tt-an,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-tt-an, var(--_ctm-dn-cy-ts-cy-tb-hr-se-tt-an))
-            );
-            --_sf-hr-lr-sg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-lr-sg,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-lr-sg, var(--_ctm-dn-cy-ts-cy-tb-hr-se-lr-sg))
-            );
-            --_sf-hr-le-ht: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-le-ht,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-le-ht, var(--_ctm-dn-cy-ts-cy-tb-hr-se-le-ht))
-            );
-
-            --_sf-hr-in-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-se))
-            );
-            --_sf-hr-in-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-se))
-            );
-            --_sf-hr-in-c1: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-c1,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-c1, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-c1))
-            );
-            --_sf-hr-ue: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ue,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ue, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ue))
-            );
+            --_sf-hr-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-cr, var(--_ctm-dn-cy-ts-cy-tb-hr-se-cr)));
+            --_sf-hr-ft-fy: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-fy,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-fy)));
+            --_sf-hr-tt-tm: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-tt-tm,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-hr-se-tt-tm)));
+            --_sf-hr-wd-wp: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-wp,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-wp)));
+            --_sf-hr-wd-bk: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-bk,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-bk)));
+            --_sf-hr-ft-se: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-se)));
+            --_sf-hr-ft-wt: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-wt,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-wt, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-wt)));
+            --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-se-ic,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-se-ic,
+                  var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-se-ic)));
+            --_sf-hr-tt-an: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-tt-an,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-tt-an, var(--_ctm-dn-cy-ts-cy-tb-hr-se-tt-an)));
+            --_sf-hr-lr-sg: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-lr-sg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-lr-sg, var(--_ctm-dn-cy-ts-cy-tb-hr-se-lr-sg)));
+            --_sf-hr-le-ht: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-le-ht,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-le-ht, var(--_ctm-dn-cy-ts-cy-tb-hr-se-le-ht)));
+
+            --_sf-hr-in-se: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-se)));
+            --_sf-hr-in-se: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-se)));
+            --_sf-hr-in-c1: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-in-c1,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-in-c1, var(--_ctm-dn-cy-ts-cy-tb-hr-se-in-c1)));
+            --_sf-hr-ue: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-ue,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ue, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ue)));
 
             // for pading and width
-            --_sf-hr-pg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-pg,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-pg, var(--_ctm-dn-cy-ts-cy-tb-hr-se-pg))
-            );
-            --_sf-hr-wh: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-se-wh,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wh, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wh))
-            );
+            --_sf-hr-pg: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-pg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-pg, var(--_ctm-dn-cy-ts-cy-tb-hr-se-pg)));
+            --_sf-hr-wh: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-se-wh,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wh, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wh)));
 
             &[data-hover-show-shadow="false"] {
               --_hover-show-shadow: none;
             }
+
             &[data-hover-show-icon="false"] {
               --_hover-show-icon: none;
             }
           }
 
-          background-color: var(
-            --_sf-hr-bd-cr,
-            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-bd-cr)
-          );
+          background-color: var(--_sf-hr-bd-cr,
+            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-bd-cr));
 
           padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-pg));
           display: flex;
@@ -1254,36 +946,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           align-items: center;
 
           justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-at));
-          gap: var(
-            --_sf-hr-in-ad-tt-sg,
-            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-in-ad-tt-sg)
-          );
+          gap: var(--_sf-hr-in-ad-tt-sg,
+            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-in-ad-tt-sg));
 
-          border-radius: var(
-            --_sf-hr-br-rs,
-            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-rs)
-          );
+          border-radius: var(--_sf-hr-br-rs,
+            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-rs));
 
-          box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-ae))
-            var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-br))
-            var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-sd))
-            var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-cr));
+          box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-cr));
 
           &[data-show-border="true"] {
-            border-color: var(
-              --_sf-hr-br-cr,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-cr)
-            );
-
-            border-style: var(
-              --_sf-hr-br-se,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-se)
-            );
-
-            border-width: var(
-              --_sf-hr-br-wh,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-wh)
-            );
+            border-color: var(--_sf-hr-br-cr,
+                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-cr));
+
+            border-style: var(--_sf-hr-br-se,
+                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-se));
+
+            border-width: var(--_sf-hr-br-wh,
+                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-wh));
           }
 
           // text styles
@@ -1294,6 +973,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm));
           word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp));
           word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk));
+
           &.flex__overflow {
             white-space: normal;
             @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1303,17 +983,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
           font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-wt));
 
-          font-style: var(
-            --_sf-hr-ft-se-ic,
-            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se-ic)
-          );
+          font-style: var(--_sf-hr-ft-se-ic,
+            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se-ic));
 
           text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-an));
 
-          letter-spacing: var(
-            --_sf-hr-lr-sg,
-            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-lr-sg)
-          );
+          letter-spacing: var(--_sf-hr-lr-sg,
+            prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-lr-sg));
 
           line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-le-ht));
 
@@ -1325,144 +1001,83 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
 
           &[data-is-selected="true"] {
-            --_sf-sd-bd-cr: var(
-              --_ctm-mob-dn-me-sd-se-bd-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-bd-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-bd-cr))
-            );
-            --_sf-sd-br-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-cr))
-            );
-            --_sf-sd-br-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-se))
-            );
-            --_sf-sd-br-wh: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-wh,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-wh, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-wh))
-            );
-            --_sf-sd-br-rs: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-rs,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-rs, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-rs))
-            );
-            --_sf-sd-at: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-at,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-at, var(--_ctm-dn-cy-ts-cy-tb-sd-se-at))
-            );
-            --_sf-sd-in-ad-tt-sg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg,
-              var(
-                --_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg,
-                var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg)
-              )
-            );
+            --_sf-sd-bd-cr: var(--_ctm-mob-dn-me-sd-se-bd-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-bd-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-bd-cr)));
+            --_sf-sd-br-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-cr)));
+            --_sf-sd-br-se: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-se)));
+            --_sf-sd-br-wh: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-wh,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-wh, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-wh)));
+            --_sf-sd-br-rs: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-br-rs,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-br-rs, var(--_ctm-dn-cy-ts-cy-tb-sd-se-br-rs)));
+            --_sf-sd-at: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-at,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-at, var(--_ctm-dn-cy-ts-cy-tb-sd-se-at)));
+            --_sf-sd-in-ad-tt-sg: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg,
+                  var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-ad-tt-sg)));
 
             // for shadow
-            --_sf-sd-sw-ae: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-ae,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-ae, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-ae))
-            );
-            --_sf-sd-sw-br: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-br,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-br, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-br))
-            );
-            --_sf-sd-sw-hr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-hr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-hr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-hr))
-            );
-            --_sf-sd-sw-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-cr))
-            );
+            --_sf-sd-sw-ae: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-ae,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-ae, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-ae)));
+            --_sf-sd-sw-br: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-br,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-br, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-br)));
+            --_sf-sd-sw-hr: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-hr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-hr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-hr)));
+            --_sf-sd-sw-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-sw-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-sw-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-sw-cr)));
 
             // for font
 
-            --_sf-sd-cr: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-cr,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-cr))
-            );
-            --_sf-sd-ft-fy: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-fy,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-fy))
-            );
-            --_sf-sd-tt-tm: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-tt-tm,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-sd-se-tt-tm))
-            );
-            --_sf-sd-wd-wp: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-wp,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-wp))
-            );
-            --_sf-sd-wd-bk: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-bk,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-bk))
-            );
-            --_sf-sd-ft-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-se))
-            );
-            --_sf-sd-ft-wt: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-wt,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-wt, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-wt))
-            );
-            --_sf-sd-ft-se-ic: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-se-ic,
-              var(
-                --_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-se-ic,
-                var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-se-ic)
-              )
-            );
-            --_sf-sd-tt-an: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-tt-an,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-tt-an, var(--_ctm-dn-cy-ts-cy-tb-sd-se-tt-an))
-            );
-            --_sf-sd-lr-sg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-lr-sg,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-lr-sg, var(--_ctm-dn-cy-ts-cy-tb-sd-se-lr-sg))
-            );
-            --_sf-sd-le-ht: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-le-ht,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-le-ht, var(--_ctm-dn-cy-ts-cy-tb-sd-se-le-ht))
-            );
-
-            --_sf-sd-in-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-se))
-            );
-            --_sf-sd-in-se: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-se,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-se))
-            );
-            --_sf-sd-in-c1: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-c1,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-c1, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-c1))
-            );
-            --_sf-sd-ue: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-hr-ue,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-hr-ue, var(--_ctm-dn-cy-ts-cy-tb-hr-ue))
-            );
+            --_sf-sd-cr: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-cr,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-cr, var(--_ctm-dn-cy-ts-cy-tb-sd-se-cr)));
+            --_sf-sd-ft-fy: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-fy,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-fy)));
+            --_sf-sd-tt-tm: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-tt-tm,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-sd-se-tt-tm)));
+            --_sf-sd-wd-wp: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-wp,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-wp)));
+            --_sf-sd-wd-bk: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-bk,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-bk)));
+            --_sf-sd-ft-se: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-se)));
+            --_sf-sd-ft-wt: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-wt,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-wt, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-wt)));
+            --_sf-sd-ft-se-ic: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-se-ic,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-se-ic,
+                  var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-se-ic)));
+            --_sf-sd-tt-an: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-tt-an,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-tt-an, var(--_ctm-dn-cy-ts-cy-tb-sd-se-tt-an)));
+            --_sf-sd-lr-sg: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-lr-sg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-lr-sg, var(--_ctm-dn-cy-ts-cy-tb-sd-se-lr-sg)));
+            --_sf-sd-le-ht: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-le-ht,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-le-ht, var(--_ctm-dn-cy-ts-cy-tb-sd-se-le-ht)));
+
+            --_sf-sd-in-se: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-se)));
+            --_sf-sd-in-se: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-se,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-se)));
+            --_sf-sd-in-c1: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-in-c1,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-in-c1, var(--_ctm-dn-cy-ts-cy-tb-sd-se-in-c1)));
+            --_sf-sd-ue: var(--_ctm-mob-dn-cy-ts-cy-tb-hr-ue,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-hr-ue, var(--_ctm-dn-cy-ts-cy-tb-hr-ue)));
 
             // for pading and width
-            --_sf-sd-pg: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-pg,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-pg, var(--_ctm-dn-cy-ts-cy-tb-sd-se-pg))
-            );
-            --_sf-sd-wh: var(
-              --_ctm-mob-dn-cy-ts-cy-tb-sd-se-wh,
-              var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wh, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wh))
-            );
+            --_sf-sd-pg: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-pg,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-pg, var(--_ctm-dn-cy-ts-cy-tb-sd-se-pg)));
+            --_sf-sd-wh: var(--_ctm-mob-dn-cy-ts-cy-tb-sd-se-wh,
+                var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wh, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wh)));
 
             &[data-hover-show-shadow="false"] {
               --_hover-show-shadow: none;
             }
+
             &[data-hover-show-icon="false"] {
               --_hover-show-icon: none;
             }
 
-            background-color: var(
-              --_sf-sd-bd-cr,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-bd-cr)
-            );
+            background-color: var(--_sf-sd-bd-cr,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-bd-cr));
 
             padding: var(--_sf-sd-pg, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-pg));
             display: flex;
@@ -1470,58 +1085,38 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             align-items: center;
 
             justify-content: var(--_sf-sd-at, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-at));
-            gap: var(
-              --_sf-sd-in-ad-tt-sg,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-in-ad-tt-sg)
-            );
+            gap: var(--_sf-sd-in-ad-tt-sg,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-in-ad-tt-sg));
 
-            border-radius: var(
-              --_sf-sd-br-rs,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-rs)
-            );
+            border-radius: var(--_sf-sd-br-rs,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-rs));
 
-            box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-ae))
-              var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-br))
-              var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-sd))
-              var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-cr));
+            box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-sw-cr));
 
             &[data-show-border="true"] {
-              border-color: var(
-                --_sf-sd-br-cr,
-                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-cr)
-              );
-
-              border-style: var(
-                --_sf-sd-br-se,
-                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-se)
-              );
-
-              border-width: var(
-                --_sf-sd-br-wh,
-                prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-wh)
-              );
+              border-color: var(--_sf-sd-br-cr,
+                  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-cr));
+
+              border-style: var(--_sf-sd-br-se,
+                  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-se));
+
+              border-width: var(--_sf-sd-br-wh,
+                  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-br-wh));
             }
 
             // text styles
 
             color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-cr));
 
-            font-family: var(
-              --_sf-sd-ft-fy,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-fy)
-            );
-            text-transform: var(
-              --_sf-sd-tt-tm,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm)
-            );
-            word-wrap: var(
-              --_sf-sd-wd-wp,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp)
-            );
-            word-break: var(
-              --_sf-sd-wd-bk,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk)
-            );
+            font-family: var(--_sf-sd-ft-fy,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-fy));
+            text-transform: var(--_sf-sd-tt-tm,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm));
+            word-wrap: var(--_sf-sd-wd-wp,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp));
+            word-break: var(--_sf-sd-wd-bk,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk));
+
             &.flex__overflow {
               white-space: normal;
               @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1529,30 +1124,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
             font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se));
 
-            font-weight: var(
-              --_sf-sd-ft-wt,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-wt)
-            );
+            font-weight: var(--_sf-sd-ft-wt,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-wt));
 
-            font-style: var(
-              --_sf-sd-ft-se-ic,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se-ic)
-            );
+            font-style: var(--_sf-sd-ft-se-ic,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se-ic));
 
-            text-align: var(
-              --_sf-sd-tt-an,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-an)
-            );
+            text-align: var(--_sf-sd-tt-an,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-an));
 
-            letter-spacing: var(
-              --_sf-sd-lr-sg,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-lr-sg)
-            );
+            letter-spacing: var(--_sf-sd-lr-sg,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-lr-sg));
 
-            line-height: var(
-              --_sf-sd-le-ht,
-              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-le-ht)
-            );
+            line-height: var(--_sf-sd-le-ht,
+              prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-le-ht));
 
             text-decoration: var(--_sf-sd-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
 
@@ -1562,12 +1147,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .embla {
           height: auto;
+
           .embla__viewport {
             .embla__container {
               display: flex;
               gap: prepareMediaVariable(--_ctm-dn-cy-ts-wt-se-im-gp);
+
               .embla__slide {
                 width: unset;
               }
@@ -1575,6 +1163,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
         }
       }
+
       .single__bundle_container {
         display: flex;
         flex-direction: column;
@@ -1605,10 +1194,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             border-color: prepareMediaVariable(--_ctm-dn-hg-dn-br-cr);
             border-style: prepareMediaVariable(--_ctm-dn-hg-dn-br-se);
             border-radius: prepareMediaVariable(--_ctm-dn-hg-dn-br-rs);
-            box-shadow: prepareMediaVariable(--_ctm-dn-hg-dn-sw-ae)
-              prepareMediaVariable(--_ctm-dn-hg-dn-sw-br)
-              prepareMediaVariable(--_ctm-dn-hg-dn-sw-sd)
-              prepareMediaVariable(--_ctm-dn-hg-dn-sw-cr);
+            box-shadow: prepareMediaVariable(--_ctm-dn-hg-dn-sw-ae) prepareMediaVariable(--_ctm-dn-hg-dn-sw-br) prepareMediaVariable(--_ctm-dn-hg-dn-sw-sd) prepareMediaVariable(--_ctm-dn-hg-dn-sw-cr);
           }
 
           .bundle__description {
@@ -1629,229 +1215,132 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             border-color: prepareMediaVariable(--_ctm-dn-dn-dn-br-cr);
             border-style: prepareMediaVariable(--_ctm-dn-dn-dn-br-se);
             border-radius: prepareMediaVariable(--_ctm-dn-dn-dn-br-rs);
-            box-shadow: prepareMediaVariable(--_ctm-dn-dn-dn-sw-ae)
-              prepareMediaVariable(--_ctm-dn-dn-dn-sw-br)
-              prepareMediaVariable(--_ctm-dn-dn-dn-sw-sd)
-              prepareMediaVariable(--_ctm-dn-dn-dn-sw-cr);
+            box-shadow: prepareMediaVariable(--_ctm-dn-dn-dn-sw-ae) prepareMediaVariable(--_ctm-dn-dn-dn-sw-br) prepareMediaVariable(--_ctm-dn-dn-dn-sw-sd) prepareMediaVariable(--_ctm-dn-dn-dn-sw-cr);
           }
+
           .button__items {
             display: flex;
             align-items: center;
           }
+
           .btn__with__text[data-btn-name="bundleDetailPageButton"] {
             justify-content: center;
+
             &[data-show-shadow="false"] {
               --_show-shadow: none;
             }
+
             &[data-icon-position="left"] {
               --_sf-fd-bn: row;
             }
+
             &[data-icon-position="right"] {
               --_sf-fd-bn: row-reverse;
             }
+
             &[data-icon-position="center"] {
               --_sf-fd-bn: row;
             }
 
             &:hover {
-              --_sf-hr-bd-cr: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-bd-cr,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-bd-cr,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-bd-cr)
-                )
-              );
-              --_sf-hr-br-cr: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-cr,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-cr,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-cr)
-                )
-              );
-              --_sf-hr-br-se: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-se,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-se,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-se)
-                )
-              );
-              --_sf-hr-br-wh: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-wh,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-wh,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-wh)
-                )
-              );
-              --_sf-hr-br-rs: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-rs,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-rs,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-rs)
-                )
-              );
-              --_sf-hr-at: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-at,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-at, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-at))
-              );
-              --_sf-hr-gp: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-gp,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-gp, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-gp))
-              );
+              --_sf-hr-bd-cr: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-bd-cr,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-bd-cr,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-bd-cr)));
+              --_sf-hr-br-cr: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-cr,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-cr,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-cr)));
+              --_sf-hr-br-se: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-se,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-se,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-se)));
+              --_sf-hr-br-wh: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-wh,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-wh,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-wh)));
+              --_sf-hr-br-rs: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-br-rs,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-br-rs,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-br-rs)));
+              --_sf-hr-at: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-at,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-at, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-at)));
+              --_sf-hr-gp: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-gp,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-gp, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-gp)));
 
               // for shadow
-              --_sf-hr-sw-ae: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-ae,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-ae,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-ae)
-                )
-              );
-              --_sf-hr-sw-br: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-br,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-br,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-br)
-                )
-              );
-              --_sf-hr-sw-hr: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-hr,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-hr,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-hr)
-                )
-              );
-              --_sf-hr-sw-cr: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-cr,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-cr,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-cr)
-                )
-              );
+              --_sf-hr-sw-ae: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-ae,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-ae,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-ae)));
+              --_sf-hr-sw-br: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-br,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-br,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-br)));
+              --_sf-hr-sw-hr: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-hr,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-hr,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-hr)));
+              --_sf-hr-sw-cr: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-sw-cr,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-sw-cr,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-sw-cr)));
 
               // for font
 
-              --_sf-hr-cr: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-cr,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-cr, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-cr))
-              );
-              --_sf-hr-ft-fy: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-fy,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-fy,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-fy)
-                )
-              );
-              --_sf-hr-tt-tm: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-tt-tm,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-tt-tm,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-tt-tm)
-                )
-              );
-              --_sf-hr-wd-wp: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-wd-wp,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-wd-wp,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-wd-wp)
-                )
-              );
-              --_sf-hr-wd-bk: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-wd-bk,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-wd-bk,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-wd-bk)
-                )
-              );
-              --_sf-hr-ft-se: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-se,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-se,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-se)
-                )
-              );
-              --_sf-hr-ft-wt: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-wt,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-wt,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-wt)
-                )
-              );
-              --_sf-hr-ft-se-ic: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic)
-                )
-              );
-              --_sf-hr-tt-an: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-tt-an,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-tt-an,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-tt-an)
-                )
-              );
-              --_sf-hr-lr-sg: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-lr-sg,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-lr-sg,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-lr-sg)
-                )
-              );
-              --_sf-hr-le-ht: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-le-ht,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-le-ht,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-le-ht)
-                )
-              );
-
-              --_sf-hr-in-se: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-se,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-se,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-se)
-                )
-              );
-              --_sf-hr-in-se: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-se,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-se,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-se)
-                )
-              );
-              --_sf-hr-in-c1: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-c1,
-                var(
-                  --_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-c1,
-                  var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-c1)
-                )
-              );
-              --_sf-hr-ue: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ue,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ue, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ue))
-              );
+              --_sf-hr-cr: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-cr,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-cr, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-cr)));
+              --_sf-hr-ft-fy: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-fy,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-fy,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-fy)));
+              --_sf-hr-tt-tm: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-tt-tm,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-tt-tm,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-tt-tm)));
+              --_sf-hr-wd-wp: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-wd-wp,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-wd-wp,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-wd-wp)));
+              --_sf-hr-wd-bk: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-wd-bk,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-wd-bk,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-wd-bk)));
+              --_sf-hr-ft-se: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-se,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-se,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-se)));
+              --_sf-hr-ft-wt: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-wt,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-wt,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-wt)));
+              --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ft-se-ic)));
+              --_sf-hr-tt-an: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-tt-an,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-tt-an,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-tt-an)));
+              --_sf-hr-lr-sg: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-lr-sg,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-lr-sg,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-lr-sg)));
+              --_sf-hr-le-ht: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-le-ht,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-le-ht,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-le-ht)));
+
+              --_sf-hr-in-se: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-se,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-se,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-se)));
+              --_sf-hr-in-se: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-se,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-se,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-se)));
+              --_sf-hr-in-c1: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-in-c1,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-in-c1,
+                    var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-in-c1)));
+              --_sf-hr-ue: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-se-ue,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-se-ue, var(--_ctm-dn-be-ds-pe-bn-dn-hr-se-ue)));
 
               // for pading and width
-              --_sf-hr-pg: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-pg,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-pg, var(--_ctm-dn-be-ds-pe-bn-dn-hr-pg))
-              );
-              --_sf-hr-wh: var(
-                --_ctm-mob-dn-be-ds-pe-bn-dn-hr-wh,
-                var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-wh, var(--_ctm-dn-be-ds-pe-bn-dn-hr-wh))
-              );
+              --_sf-hr-pg: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-pg,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-pg, var(--_ctm-dn-be-ds-pe-bn-dn-hr-pg)));
+              --_sf-hr-wh: var(--_ctm-mob-dn-be-ds-pe-bn-dn-hr-wh,
+                  var(--_ctm-tab-dn-be-ds-pe-bn-dn-hr-wh, var(--_ctm-dn-be-ds-pe-bn-dn-hr-wh)));
 
               &[data-hover-show-shadow="false"] {
                 --_hover-show-shadow: none;
               }
+
               &[data-hover-show-icon="false"] {
                 --_hover-show-icon: none;
               }
             }
-            background-color: var(
-              --_sf-hr-bd-cr,
-              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-bd-cr)
-            );
+
+            background-color: var(--_sf-hr-bd-cr,
+              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-bd-cr));
 
             padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-pg));
             width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-wh));
@@ -1859,40 +1348,25 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             flex-direction: var(--_sf-fd-bn);
             align-items: center;
 
-            justify-content: var(
-              --_sf-hr-at,
-              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-at)
-            );
+            justify-content: var(--_sf-hr-at,
+              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-at));
             gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-gp));
 
-            border-radius: var(
-              --_sf-hr-br-rs,
-              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-rs)
-            );
+            border-radius: var(--_sf-hr-br-rs,
+              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-rs));
 
-            box-shadow: var(
-                --_sf-hr-sw-ae,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-ae)
-              )
-              var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-br))
-              var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-sd))
-              var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-cr));
+            box-shadow: var(--_sf-hr-sw-ae,
+              prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-sw-cr));
 
             &[data-show-border="true"] {
-              border-color: var(
-                --_sf-hr-br-cr,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-cr)
-              );
-
-              border-style: var(
-                --_sf-hr-br-se,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-se)
-              );
-
-              border-width: var(
-                --_sf-hr-br-wh,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-wh)
-              );
+              border-color: var(--_sf-hr-br-cr,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-cr));
+
+              border-style: var(--_sf-hr-br-se,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-se));
+
+              border-width: var(--_sf-hr-br-wh,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-br-wh));
             }
 
             .txt {
@@ -1900,82 +1374,59 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
               color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-cr));
 
-              font-family: var(
-                --_sf-hr-ft-fy,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-fy)
-              );
-              text-transform: var(
-                --_sf-hr-tt-tm,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-tt-tm)
-              );
-              word-wrap: var(
-                --_sf-hr-wd-wp,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-wd-wp)
-              );
-              word-break: var(
-                --_sf-hr-wd-bk,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-wd-bk)
-              );
+              font-family: var(--_sf-hr-ft-fy,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-fy));
+              text-transform: var(--_sf-hr-tt-tm,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-tt-tm));
+              word-wrap: var(--_sf-hr-wd-wp,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-wd-wp));
+              word-break: var(--_sf-hr-wd-bk,
+                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-wd-bk));
+
               &.flex__overflow {
                 white-space: normal;
                 @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
               }
 
-              font-size: var(
-                --_sf-hr-ft-se,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-se)
-              );
+              font-size: var(--_sf-hr-ft-se,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-se));
 
-              font-weight: var(
-                --_sf-hr-ft-wt,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-wt)
-              );
+              font-weight: var(--_sf-hr-ft-wt,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-wt));
 
-              font-style: var(
-                --_sf-hr-ft-se-ic,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-se-ic)
-              );
+              font-style: var(--_sf-hr-ft-se-ic,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-ft-se-ic));
 
-              text-align: var(
-                --_sf-hr-tt-an,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-tt-an)
-              );
+              text-align: var(--_sf-hr-tt-an,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-tt-an));
 
-              letter-spacing: var(
-                --_sf-hr-lr-sg,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-lr-sg)
-              );
+              letter-spacing: var(--_sf-hr-lr-sg,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-lr-sg));
 
-              line-height: var(
-                --_sf-hr-le-ht,
-                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-le-ht)
-              );
+              line-height: var(--_sf-hr-le-ht,
+                prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-le-ht));
 
               text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
             }
 
             .icon {
               display: var(--_hover-show-icon, var(--_show-icon, flex));
+
               svg {
-                width: var(
-                  --_sf-hr-in-se,
-                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-se)
-                );
-                height: var(
-                  --_sf-hr-in-se,
-                  prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-se)
-                );
+                width: var(--_sf-hr-in-se,
+                    prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-se));
+                height: var(--_sf-hr-in-se,
+                    prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-se));
 
                 path {
-                  stroke: var(
-                    --_sf-hr-in-c1,
-                    prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-c1)
-                  );
+                  stroke: var(--_sf-hr-in-c1,
+                      prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-in-c1));
                   // Overrides the stroke-width presentation attribute baked into the icon markup.
                   stroke-width: prepareMediaVariable(--_ctm-dn-be-ds-pe-bn-dn-dt-se-se-wh, 1.25);
                 }
               }
             }
+
             [data-element-style="Text"] {
               display: inline-block;
               width: 100%;
@@ -2000,17 +1451,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .divider {
           border: none;
-          height: var(
-            --_ctm-mob-dr-dr-wt,
-            var(--_ctm-tab-dr-dr-wt, var(--_ctm-dn-dr-dr-wt))
-          ); /* Set thickness */
-          background-color: var(
-            --_ctm-mob-dr-dr-cr,
-            var(--_ctm-tab-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
-          );
+          height: var(--_ctm-mob-dr-dr-wt,
+              var(--_ctm-tab-dr-dr-wt, var(--_ctm-dn-dr-dr-wt)));
+          /* Set thickness */
+          background-color: var(--_ctm-mob-dr-dr-cr,
+              var(--_ctm-tab-dr-dr-cr, var(--_ctm-dn-dr-dr-cr)));
         }
+
         .single__bundle_slider {
           display: flex;
           flex-direction: column;
@@ -2018,6 +1468,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           align-items: flex-start;
           flex: 1;
           min-height: 0;
+
           // height: 100%;
           // & > div {
           //   height: 100%;
@@ -2028,6 +1479,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             min-height: 0;
             width: 100%;
           }
+
           .items__warper {
             display: flex;
             gap: prepareMediaVariable(--_ctm-lt-im-sg);
@@ -2039,12 +1491,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             width: 100%;
             // align-items: center;
             --items-per-row: #{prepareMediaVariable(--_ctm-lt-is-pr-rw)};
+
             .bundle-image-container,
             .tiles-grid-view {
               flex: 0 0 calc((100% / var(--items-per-row)) - var(--_ctm-lt-im-sg));
               height: unset;
             }
           }
+
           .bundle-image-container {
             height: 100%;
             background-color: prepareMediaVariable(--_ctm-dn-pt-cd-dn-bd-cr);
@@ -2052,10 +1506,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             border-style: prepareMediaVariable(--_ctm-dn-pt-cd-dn-br-se);
             border-color: prepareMediaVariable(--_ctm-dn-pt-cd-dn-br-cr);
             border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-dn-br-rs);
-            box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-ae)
-              prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-br)
-              prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-sd)
-              prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-cr);
+            box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-ae) prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-br) prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-sd) prepareMediaVariable(--_ctm-dn-pt-cd-dn-sw-cr);
             width: 100%;
             display: flex;
             flex-direction: column;
@@ -2072,6 +1523,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               min-height: 100px;
               width: 100%;
               max-height: prepareMediaVariable(--_ctm-lt-ie-ht);
+
               img {
                 max-width: 100%;
                 // max-height: 100%;
@@ -2081,6 +1533,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 height: prepareMediaVariable(--_ctm-lt-ie-ht);
               }
             }
+
             .img-title {
               // padding: 12px;
               font-family: prepareMediaVariable(--_ctm-dn-pt-ne-dn-ft-fy);
@@ -2100,171 +1553,117 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               border-style: prepareMediaVariable(--_ctm-dn-pt-ne-dn-br-se);
               border-radius: prepareMediaVariable(--_ctm-dn-pt-ne-dn-br-rs);
               text-transform: prepareMediaVariable(--_ctm-dn-pt-ne-dn-tt-tm);
-              box-shadow: prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-ae)
-                prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-br)
-                prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-sd)
-                prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-cr);
+              box-shadow: prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-ae) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-br) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-sd) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-cr);
+
               &#{$overflowSelector} {
                 @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
               }
             }
           }
+
           .bundle__navigation_btn_wrapper {
             display: flex;
             width: 100%;
             justify-content: center;
           }
+
           .btn__with__text[data-btn-name="bundle_navigation_button"] {
             justify-content: center;
+
             &[data-show-shadow="false"] {
               --_show-shadow: none;
             }
+
             &[data-icon-position="left"] {
               --_sf-fd-bn: row;
             }
+
             &[data-icon-position="right"] {
               --_sf-fd-bn: row-reverse;
             }
+
             &[data-icon-position="center"] {
               --_sf-fd-bn: row;
             }
 
             &:hover {
-              --_sf-hr-bd-cr: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-bd-cr,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-bd-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-bd-cr))
-              );
-              --_sf-hr-br-cr: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-br-cr,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-cr))
-              );
-              --_sf-hr-br-se: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-br-se,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-se))
-              );
-              --_sf-hr-br-wh: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-br-wh,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-wh, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-wh))
-              );
-              --_sf-hr-br-rs: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-br-rs,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-rs, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-rs))
-              );
-              --_sf-hr-at: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-at,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-at, var(--_ctm-dn-be-nn-bn-dn-hr-se-at))
-              );
-              --_sf-hr-gp: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-gp,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-gp, var(--_ctm-dn-be-nn-bn-dn-hr-se-gp))
-              );
+              --_sf-hr-bd-cr: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-bd-cr,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-bd-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-bd-cr)));
+              --_sf-hr-br-cr: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-br-cr,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-cr)));
+              --_sf-hr-br-se: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-br-se,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-se)));
+              --_sf-hr-br-wh: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-br-wh,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-wh, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-wh)));
+              --_sf-hr-br-rs: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-br-rs,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-br-rs, var(--_ctm-dn-be-nn-bn-dn-hr-se-br-rs)));
+              --_sf-hr-at: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-at,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-at, var(--_ctm-dn-be-nn-bn-dn-hr-se-at)));
+              --_sf-hr-gp: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-gp,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-gp, var(--_ctm-dn-be-nn-bn-dn-hr-se-gp)));
 
               // for shadow
-              --_sf-hr-sw-ae: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-ae,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-ae, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-ae))
-              );
-              --_sf-hr-sw-br: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-br,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-br, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-br))
-              );
-              --_sf-hr-sw-hr: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-hr,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-hr, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-hr))
-              );
-              --_sf-hr-sw-cr: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-cr,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-cr))
-              );
+              --_sf-hr-sw-ae: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-ae,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-ae, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-ae)));
+              --_sf-hr-sw-br: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-br,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-br, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-br)));
+              --_sf-hr-sw-hr: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-hr,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-hr, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-hr)));
+              --_sf-hr-sw-cr: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-sw-cr,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-sw-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-sw-cr)));
 
               // for font
 
-              --_sf-hr-cr: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-cr,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-cr))
-              );
-              --_sf-hr-ft-fy: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-fy,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-fy, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-fy))
-              );
-              --_sf-hr-tt-tm: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-tt-tm,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-tt-tm, var(--_ctm-dn-be-nn-bn-dn-hr-se-tt-tm))
-              );
-              --_sf-hr-wd-wp: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-wd-wp,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-wd-wp, var(--_ctm-dn-be-nn-bn-dn-hr-se-wd-wp))
-              );
-              --_sf-hr-wd-bk: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-wd-bk,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-wd-bk, var(--_ctm-dn-be-nn-bn-dn-hr-se-wd-bk))
-              );
-              --_sf-hr-ft-se: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-se,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-se))
-              );
-              --_sf-hr-ft-wt: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-wt,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-wt, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-wt))
-              );
-              --_sf-hr-ft-se-ic: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-se-ic,
-                var(
-                  --_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-se-ic,
-                  var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-se-ic)
-                )
-              );
-              --_sf-hr-tt-an: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-tt-an,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-tt-an, var(--_ctm-dn-be-nn-bn-dn-hr-se-tt-an))
-              );
-              --_sf-hr-lr-sg: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-lr-sg,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-lr-sg, var(--_ctm-dn-be-nn-bn-dn-hr-se-lr-sg))
-              );
-              --_sf-hr-le-ht: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-le-ht,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-le-ht, var(--_ctm-dn-be-nn-bn-dn-hr-se-le-ht))
-              );
-
-              --_sf-hr-in-se: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-in-se,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-se))
-              );
-              --_sf-hr-in-se: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-in-se,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-se))
-              );
-              --_sf-hr-in-c1: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-in-c1,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-c1, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-c1))
-              );
-              --_sf-hr-ue: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-se-ue,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ue, var(--_ctm-dn-be-nn-bn-dn-hr-se-ue))
-              );
+              --_sf-hr-cr: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-cr,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-cr, var(--_ctm-dn-be-nn-bn-dn-hr-se-cr)));
+              --_sf-hr-ft-fy: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-fy,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-fy, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-fy)));
+              --_sf-hr-tt-tm: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-tt-tm,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-tt-tm, var(--_ctm-dn-be-nn-bn-dn-hr-se-tt-tm)));
+              --_sf-hr-wd-wp: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-wd-wp,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-wd-wp, var(--_ctm-dn-be-nn-bn-dn-hr-se-wd-wp)));
+              --_sf-hr-wd-bk: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-wd-bk,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-wd-bk, var(--_ctm-dn-be-nn-bn-dn-hr-se-wd-bk)));
+              --_sf-hr-ft-se: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-se,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-se)));
+              --_sf-hr-ft-wt: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-wt,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-wt, var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-wt)));
+              --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-ft-se-ic,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ft-se-ic,
+                    var(--_ctm-dn-be-nn-bn-dn-hr-se-ft-se-ic)));
+              --_sf-hr-tt-an: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-tt-an,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-tt-an, var(--_ctm-dn-be-nn-bn-dn-hr-se-tt-an)));
+              --_sf-hr-lr-sg: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-lr-sg,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-lr-sg, var(--_ctm-dn-be-nn-bn-dn-hr-se-lr-sg)));
+              --_sf-hr-le-ht: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-le-ht,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-le-ht, var(--_ctm-dn-be-nn-bn-dn-hr-se-le-ht)));
+
+              --_sf-hr-in-se: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-in-se,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-se)));
+              --_sf-hr-in-se: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-in-se,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-se, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-se)));
+              --_sf-hr-in-c1: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-in-c1,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-in-c1, var(--_ctm-dn-be-nn-bn-dn-hr-se-in-c1)));
+              --_sf-hr-ue: var(--_ctm-mob-dn-be-nn-bn-dn-hr-se-ue,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-se-ue, var(--_ctm-dn-be-nn-bn-dn-hr-se-ue)));
 
               // for pading and width
-              --_sf-hr-pg: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-pg,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-pg, var(--_ctm-dn-be-nn-bn-dn-hr-pg))
-              );
-              --_sf-hr-wh: var(
-                --_ctm-mob-dn-be-nn-bn-dn-hr-wh,
-                var(--_ctm-tab-dn-be-nn-bn-dn-hr-wh, var(--_ctm-dn-be-nn-bn-dn-hr-wh))
-              );
+              --_sf-hr-pg: var(--_ctm-mob-dn-be-nn-bn-dn-hr-pg,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-pg, var(--_ctm-dn-be-nn-bn-dn-hr-pg)));
+              --_sf-hr-wh: var(--_ctm-mob-dn-be-nn-bn-dn-hr-wh,
+                  var(--_ctm-tab-dn-be-nn-bn-dn-hr-wh, var(--_ctm-dn-be-nn-bn-dn-hr-wh)));
 
               &[data-hover-show-shadow="false"] {
                 --_hover-show-shadow: none;
               }
+
               &[data-hover-show-icon="false"] {
                 --_hover-show-icon: none;
               }
             }
-            background-color: var(
-              --_sf-hr-bd-cr,
-              prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-bd-cr)
-            );
+
+            background-color: var(--_sf-hr-bd-cr,
+              prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-bd-cr));
 
             padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-pg));
             width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-wh));
@@ -2275,31 +1674,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-at));
             gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-gp));
 
-            border-radius: var(
-              --_sf-hr-br-rs,
-              prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-rs)
-            );
+            border-radius: var(--_sf-hr-br-rs,
+              prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-rs));
 
-            box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-ae))
-              var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-br))
-              var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-sd))
-              var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-cr));
+            box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-sw-cr));
 
             &[data-show-border="true"] {
-              border-color: var(
-                --_sf-hr-br-cr,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-cr)
-              );
-
-              border-style: var(
-                --_sf-hr-br-se,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-se)
-              );
-
-              border-width: var(
-                --_sf-hr-br-wh,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-wh)
-              );
+              border-color: var(--_sf-hr-br-cr,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-cr));
+
+              border-style: var(--_sf-hr-br-se,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-se));
+
+              border-width: var(--_sf-hr-br-wh,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-br-wh));
             }
 
             .txt {
@@ -2307,79 +1695,58 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
               color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-cr));
 
-              font-family: var(
-                --_sf-hr-ft-fy,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-fy)
-              );
-              text-transform: var(
-                --_sf-hr-tt-tm,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-tt-tm)
-              );
-              word-wrap: var(
-                --_sf-hr-wd-wp,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-wd-wp)
-              );
-              word-break: var(
-                --_sf-hr-wd-bk,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-wd-bk)
-              );
+              font-family: var(--_sf-hr-ft-fy,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-fy));
+              text-transform: var(--_sf-hr-tt-tm,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-tt-tm));
+              word-wrap: var(--_sf-hr-wd-wp,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-wd-wp));
+              word-break: var(--_sf-hr-wd-bk,
+                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-wd-bk));
+
               &.flex__overflow {
                 white-space: normal;
                 @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
               }
 
-              font-size: var(
-                --_sf-hr-ft-se,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-se)
-              );
+              font-size: var(--_sf-hr-ft-se,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-se));
 
-              font-weight: var(
-                --_sf-hr-ft-wt,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-wt)
-              );
+              font-weight: var(--_sf-hr-ft-wt,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-wt));
 
-              font-style: var(
-                --_sf-hr-ft-se-ic,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-se-ic)
-              );
+              font-style: var(--_sf-hr-ft-se-ic,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-ft-se-ic));
 
-              text-align: var(
-                --_sf-hr-tt-an,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-tt-an)
-              );
+              text-align: var(--_sf-hr-tt-an,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-tt-an));
 
-              letter-spacing: var(
-                --_sf-hr-lr-sg,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-lr-sg)
-              );
+              letter-spacing: var(--_sf-hr-lr-sg,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-lr-sg));
 
-              line-height: var(
-                --_sf-hr-le-ht,
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-le-ht)
-              );
+              line-height: var(--_sf-hr-le-ht,
+                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-le-ht));
 
               text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
             }
 
             .icon {
               display: var(--_hover-show-icon, var(--_show-icon, flex));
+
               svg {
                 width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-in-se));
-                height: var(
-                  --_sf-hr-in-se,
-                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-in-se)
-                );
+                height: var(--_sf-hr-in-se,
+                    prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-in-se));
 
                 path {
-                  stroke: var(
-                    --_sf-hr-in-c1,
-                    prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-in-c1)
-                  );
+                  stroke: var(--_sf-hr-in-c1,
+                      prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-in-c1));
                   // Overrides the stroke-width presentation attribute baked into the icon markup.
                   stroke-width: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-dt-se-se-wh, 1.25);
                 }
               }
             }
+
             [data-element-style="Text"] {
               display: inline-block;
               width: 100%;
@@ -2421,10 +1788,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               text-transform: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-tt-tm);
               word-wrap: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-wp);
               word-break: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-bk);
+
               &.flex__overflow {
                 white-space: normal;
                 @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
               }
+
               font-size: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-se);
               color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-cr);
               font-weight: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2438,15 +1807,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               border-color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-cr);
               border-style: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-se);
               border-radius: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-rs);
-              box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae)
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br)
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd)
-                prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
+              box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
 
               .icon {
                 svg {
                   width: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
                   height: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
+
                   path {
                     stroke: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-c1);
                     // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -2492,17 +1859,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               gap: prepareMediaVariable(--_ctm-lt-im-gp);
               justify-content: space-between;
               background-color: prepareMediaVariable(--_ctm-dn-te-cd-dn-bd-cr);
+
               // Border only drawn when the tile card's "Show Border" toggle is on.
               &[data-show-border="true"] {
                 border-width: prepareMediaVariable(--_ctm-dn-te-cd-dn-br-wh);
                 border-style: prepareMediaVariable(--_ctm-dn-te-cd-dn-br-se);
                 border-color: prepareMediaVariable(--_ctm-dn-te-cd-dn-br-cr);
               }
+
               border-radius: prepareMediaVariable(--_ctm-dn-te-cd-dn-br-rs);
-              box-shadow: prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-ae)
-                prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-br)
-                prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-sd)
-                prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-cr);
+              box-shadow: prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-ae) prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-br) prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-sd) prepareMediaVariable(--_ctm-dn-te-cd-dn-sw-cr);
 
               .tile-content {
                 display: flex;
@@ -2511,6 +1877,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 align-items: flex-start;
                 height: 100%;
                 width: 100%;
+
                 .tile_bundle_name {
                   display: flex;
                   align-items: flex-start;
@@ -2523,10 +1890,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   text-transform: prepareMediaVariable(--_ctm-dn-pt-ne-dn-tt-tm);
                   word-wrap: prepareMediaVariable(--_ctm-dn-pt-ne-dn-wd-wp);
                   word-break: prepareMediaVariable(--_ctm-dn-pt-ne-dn-wd-bk);
+
                   &.flex__overflow {
                     white-space: normal;
                     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
                   }
+
                   font-size: prepareMediaVariable(--_ctm-dn-pt-ne-dn-ft-se);
                   color: prepareMediaVariable(--_ctm-dn-pt-ne-dn-cr);
                   font-weight: prepareMediaVariable(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -2540,10 +1909,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   border-color: prepareMediaVariable(--_ctm-dn-pt-ne-dn-br-cr);
                   border-style: prepareMediaVariable(--_ctm-dn-pt-ne-dn-br-se);
                   border-radius: prepareMediaVariable(--_ctm-dn-pt-ne-dn-br-rs);
-                  box-shadow: prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-ae)
-                    prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-br)
-                    prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-sd)
-                    prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-cr);
+                  box-shadow: prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-ae) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-br) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-sd) prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-cr);
 
                   &#{$overflowSelector} {
                     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -2568,13 +1934,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   // Rows next to a category slider also reserve the arrow button
                   // box — same sizing NAVIGATION_STYLES gives those buttons.
                   &[data-reserve-nav-height="true"] {
-                    min-height: calc(
-                      var(
-                          --_sf-icn-size,
-                          #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-cy-sr-dt-se-in-se, 16px)}
-                        ) *
-                        1.75
-                    );
+                    min-height: calc(var(--_sf-icn-size,
+                        #{prepareMediaVariable(--_ctm-dn-sr-nn-ss-cy-sr-dt-se-in-se, 16px)}) * 1.75);
                   }
                 }
 
@@ -2619,6 +1980,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   }
 
                   &.animate-flip {
+
                     // Padding cells hold no image, so they sit the animation out.
                     .product-image-wrapper:not(.empty-image-slot) {
                       animation: flip 0.6s ease-in-out;
@@ -2628,6 +1990,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                       0% {
                         transform: rotateY(0deg);
                       }
+
                       100% {
                         transform: rotateY(180deg);
                       }
@@ -2642,17 +2005,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     justify-content: center;
                     align-items: center;
                     background-color: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-bd-cr);
+
                     // Border only drawn when the tile card image's "Show Border" toggle is on.
                     &[data-show-border="true"] {
                       border-width: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-br-wh);
                       border-color: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-br-cr);
                       border-style: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-br-se);
                     }
+
                     border-radius: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-br-rs);
-                    box-shadow: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-ae)
-                      prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-br)
-                      prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-sd)
-                      prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-cr);
+                    box-shadow: prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-ae) prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-br) prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-sd) prepareMediaVariable(--_ctm-dn-te-cd-ie-dn-sw-cr);
 
                     img {
                       // max-height: 135px;
@@ -2676,10 +2038,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 text-transform: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-tt-tm);
                 word-wrap: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-wp);
                 word-break: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-bk);
+
                 &.flex__overflow {
                   white-space: normal;
                   @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
                 }
+
                 font-size: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-se);
                 color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-cr);
                 font-weight: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2693,15 +2057,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 border-color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-cr);
                 border-style: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-se);
                 border-radius: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-rs);
-                box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae)
-                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br)
-                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd)
-                  prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
+                box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
 
                 .icon {
                   svg {
                     width: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
                     height: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
+
                     path {
                       stroke: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-c1);
                       // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -2728,10 +2090,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   font-family: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-fy);
                   word-wrap: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-wp);
                   word-break: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-wd-bk);
+
                   &.flex__overflow {
                     white-space: normal;
                     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
                   }
+
                   font-size: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-se);
                   color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-cr);
                   font-weight: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2745,15 +2109,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   border-color: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-cr);
                   border-style: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-se);
                   border-radius: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-br-rs);
-                  box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae)
-                    prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br)
-                    prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd)
-                    prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
+                  box-shadow: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-ae) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-br) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-sd) prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-sw-cr);
 
                   .icon {
                     svg {
                       width: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
                       height: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-se);
+
                       path {
                         stroke: prepareMediaVariable(--_ctm-dn-be-nn-bn-dn-in-c1);
                         // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -2766,10 +2128,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .embla__container {
           gap: prepareMediaVariable(--_ctm-lt-im-sg);
         }
       }
+
       .arrow-navigation-categories {
         display: flex;
         flex-direction: row;
@@ -2777,7 +2141,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         justify-content: space-between;
         gap: 4px;
 
-        & > button {
+        &>button {
           // display: var(--_d-flex);
           // align-items: center;
           // justify-content: center;
@@ -2787,4 +2151,4 @@ $resizeActive: '[data-cms-element-resizer="true"]';
       }
     }
   }
-}
+}