@empathyco/x-components 3.0.0-alpha.154 → 3.0.0-alpha.157

package/design-system/full-theme.css

@@ -166,7 +166,7 @@
   line-height: var(--x-size-line-height-button-default);
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-button {
     gap: 0;
   }
@@ -416,7 +416,7 @@
   overflow: var(--x-string-overflow-dropdown-toggle-default);
   box-shadow: var(--x-string-box-shadow-dropdown-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__toggle {
     gap: 0;
   }
@@ -494,7 +494,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__item {
     gap: 0;
   }
@@ -833,7 +833,7 @@
   font-weight: var(--x-number-font-weight-facet-default);
   line-height: var(--x-size-line-height-facet-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-facet > *:first-child, .x-facet__header {
     gap: 0;
   }
@@ -971,7 +971,7 @@
   line-height: var(--x-size-line-height-filter-default);
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }
@@ -1210,7 +1210,7 @@
   border-radius: var(--x-size-border-radius-top-left-input-group-default) var(--x-size-border-radius-top-right-input-group-default) var(--x-size-border-radius-bottom-right-input-group-default) var(--x-size-border-radius-bottom-left-input-group-default);
   border-style: solid;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-input-group {
     gap: 0;
   }
@@ -1488,7 +1488,7 @@
   font-weight: var(--x-number-font-weight-input-default);
   line-height: var(--x-size-line-height-input-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-input {
     -webkit-appearance: none;
   }
@@ -1578,23 +1578,19 @@
   align-items: var(--x-size-align-list);
   min-width: 0;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
     gap: 0;
   }
   .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
     gap: 0;
   }
@@ -1721,23 +1717,19 @@
 .x-list--gap-01.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-01.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-01.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-01);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-01.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-01.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-01);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-01.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1750,23 +1742,19 @@
 .x-list--gap-02.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-02.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-02.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-02);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-02.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-02.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-02);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-02.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1779,23 +1767,19 @@
 .x-list--gap-03.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-03.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-03.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-03);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-03.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-03.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-03);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-03.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1808,23 +1792,19 @@
 .x-list--gap-04.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-04.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-04.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-04);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-04.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-04.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-04);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-04.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1837,23 +1817,19 @@
 .x-list--gap-05.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-05.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-05.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-05);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-05.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-05.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-05);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-05.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1866,23 +1842,19 @@
 .x-list--gap-06.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-06.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-06.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-06);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-06.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-06.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-06);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-06.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1895,23 +1867,19 @@
 .x-list--gap-07.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-07.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-07.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-07);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-07.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-07.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-07);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-07.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1924,23 +1892,19 @@
 .x-list--gap-08.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-08);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-08.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-08);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-08.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1953,23 +1917,19 @@
 .x-list--gap-09.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-09);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-09.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-09);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-09.x-list.x-list--wrap {
     gap: 0;
   }
@@ -1982,23 +1942,19 @@
 .x-list--gap-10.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-10);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-10.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-10);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-10.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2011,23 +1967,19 @@
 .x-list--gap-11.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-11);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-11.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-11);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-11.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2040,23 +1992,19 @@
 .x-list--gap-12.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-12);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-12.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-12);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-12.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2069,23 +2017,19 @@
 .x-list--gap-13.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-13);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-13.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-13);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-13.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2098,23 +2042,19 @@
 .x-list--gap-14.x-list {
   gap: var(--x-size-gap-list-14);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-14.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-14.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-14);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-14.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-14.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-14);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-14.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2127,23 +2067,19 @@
 .x-list--gap-15.x-list {
   gap: var(--x-size-gap-list-15);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-15.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-15.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-15);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-15.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-15.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-15);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-15.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2156,23 +2092,19 @@
 .x-list--gap-16.x-list {
   gap: var(--x-size-gap-list-16);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-16.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-16.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-16);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-16.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-16.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-16);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-16.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2185,23 +2117,19 @@
 .x-list--gap-17.x-list {
   gap: var(--x-size-gap-list-17);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-17.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-17.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-17);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-17.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-17.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-17);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-17.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2214,23 +2142,19 @@
 .x-list--gap-18.x-list {
   gap: var(--x-size-gap-list-18);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-18.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-18.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-18);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-18.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-18.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-18);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-18.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2243,23 +2167,19 @@
 .x-list--gap-19.x-list {
   gap: var(--x-size-gap-list-19);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-19.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-19.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-19);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-19.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-19.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-19);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-19.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2272,23 +2192,19 @@
 .x-list--gap-20.x-list {
   gap: var(--x-size-gap-list-20);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
     gap: 0;
   }
   .x-list--gap-20.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-20.x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-20);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-20.x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list--gap-20.x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list-20);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-20.x-list.x-list--wrap {
     gap: 0;
   }
@@ -2364,15 +2280,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-01);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2388,15 +2302,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-02);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2412,15 +2324,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-03);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2436,15 +2346,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-04);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2460,15 +2368,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-05);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2484,15 +2390,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-06);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2508,15 +2412,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-07);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2532,15 +2434,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-08);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2556,15 +2456,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-09);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2580,15 +2478,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-10);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2604,15 +2500,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-11);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2628,15 +2522,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-12);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2652,15 +2544,13 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
   .x-list--gap-.x-list > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list-13);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list.x-list--horizontal {
     gap: 0;
   }
@@ -2714,7 +2604,7 @@
   font-size: var(--x-size-font-message-default);
   font-weight: var(--x-number-font-weight-message-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-message {
     gap: 0;
   }
@@ -3667,7 +3557,7 @@
   border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
   border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-suggestion-group {
     gap: 0;
   }
@@ -3765,7 +3655,7 @@
   border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
   border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-suggestion {
     gap: 0;
   }
@@ -3951,7 +3841,7 @@
   min-width: calc(3 * var(--x-size-line-height-tag-default));
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-tag {
     gap: 0;
   }