@asantemedia-org/leybold-design-system 1.0.20 → 1.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.esm.scss +60 -65
  2. package/dist/index.scss +60 -65
  3. package/dist/tsconfig.tsbuildinfo +1 -1
  4. package/package.json +1 -1
package/dist/index.esm.scss CHANGED
@@ -1697,26 +1697,24 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1697
1697
  --text-xxl-line-height: 1;
1698
1698
  }
1699
1699
 
1700
- .ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
1700
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
1701
1701
  display: grid;
1702
1702
  grid-template-columns: repeat(1, 1fr);
1703
1703
  grid-template-rows: auto;
1704
1704
  }
1705
1705
  @media (min-width: 992px) {
1706
- .ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
1706
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
1707
1707
  grid-template-columns: repeat(2, 1fr);
1708
1708
  }
1709
1709
  }
1710
- .ProductCardDetails-module__productDetails___-sx2l [class*="product-info"] {
1710
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__product-info {
1711
1711
  position: relative;
1712
1712
  max-width: 480px;
1713
1713
  }
1714
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header"]:not([class*="__title"]):not([class*="__product-code"]):not(
1715
- [class*="__product-image"]
1716
- ) {
1714
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header {
1717
1715
  margin-bottom: 1rem;
1718
1716
  }
1719
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
1717
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
1720
1718
  font-size: 21px;
1721
1719
  font-weight: 700;
1722
1720
  margin-bottom: 1rem;
@@ -1724,23 +1722,23 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1724
1722
  color: #e2001a;
1725
1723
  }
1726
1724
  @media (min-width: 768px) {
1727
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
1725
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
1728
1726
  max-width: 325px;
1729
1727
  }
1730
1728
  }
1731
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-code"] {
1729
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-code {
1732
1730
  font-size: 0.875rem;
1733
1731
  color: #4a4e54;
1734
1732
  margin-bottom: 1rem;
1735
1733
  }
1736
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-image"] {
1734
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-image {
1737
1735
  max-width: 100%;
1738
1736
  height: auto;
1739
1737
  }
1740
- .ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] {
1738
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__spares-list {
1741
1739
  position: relative;
1742
1740
  }
1743
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
1741
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
1744
1742
  display: grid;
1745
1743
  grid-template-columns: repeat(1, 1fr);
1746
1744
  grid-template-rows: auto;
@@ -1749,16 +1747,16 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1749
1747
  padding-left: 0;
1750
1748
  }
1751
1749
  @media (min-width: 992px) {
1752
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
1750
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
1753
1751
  grid-template-columns: repeat(2, 1fr);
1754
1752
  }
1755
1753
  }
1756
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] li {
1754
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list li {
1757
1755
  list-style: none;
1758
1756
  margin-bottom: 0;
1759
1757
  font-size: 14px;
1760
1758
  }
1761
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
1759
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
1762
1760
  margin-left: 0;
1763
1761
  padding-left: 0;
1764
1762
  display: grid;
@@ -1767,59 +1765,56 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1767
1765
  gap: 10px;
1768
1766
  }
1769
1767
  @media (min-width: 992px) {
1770
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
1768
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
1771
1769
  grid-template-columns: repeat(2, 1fr);
1772
1770
  grid-template-areas: "list-item-1 list-item-2";
1773
1771
  }
1774
1772
  }
1775
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li {
1773
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li {
1776
1774
  list-style: none;
1777
1775
  margin-bottom: 0.75rem;
1778
1776
  font-size: 14px;
1779
1777
  }
1780
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li strong {
1778
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li strong {
1781
1779
  color: #383e42;
1782
1780
  }
1783
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li > *:first-child {
1781
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li > *:first-child {
1784
1782
  line-height: 2;
1785
1783
  }
1786
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-holder"] {
1784
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-holder {
1787
1785
  margin-bottom: 1rem;
1788
1786
  }
1789
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-holder"] {
1787
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-holder {
1790
1788
  margin-bottom: 1rem;
1791
1789
  }
1792
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]) {
1790
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section {
1793
1791
  margin-bottom: 0.5rem;
1794
1792
  }
1795
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]).ProductCardDetails-module__open___ZShRA {
1793
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section.ProductCardDetails-module__open___ZShRA {
1796
1794
  border-color: #e2001a;
1797
1795
  }
1798
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__header"] {
1796
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__header {
1799
1797
  display: flex;
1800
1798
  justify-content: space-between;
1801
1799
  align-items: center;
1802
1800
  padding: 1rem 0;
1803
1801
  cursor: pointer;
1804
1802
  }
1805
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__title"] {
1803
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__title {
1806
1804
  font-size: 1rem;
1807
1805
  font-weight: 600;
1808
1806
  color: #383e42;
1809
1807
  margin: 0;
1810
1808
  }
1811
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] {
1809
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon {
1812
1810
  color: black !important;
1813
1811
  }
1814
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] svg {
1812
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon svg {
1815
1813
  color: inherit !important;
1816
1814
  }
1817
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__content"] {
1815
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
1818
1816
  padding: 0 0 1rem 0;
1819
1817
  }
1820
- .ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] ul li {
1821
- background-color: white;
1822
- }
1823
1818
  :root {
1824
1819
  --leybold-red: #e2001a;
1825
1820
  --leybold-black: #000000;
@@ -1898,25 +1893,25 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1898
1893
  transform: skewX(-10deg) translateX(200%);
1899
1894
  }
1900
1895
  }
1901
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
1896
+ .cmpAlgoliaDynamicSearchWidget {
1902
1897
  position: relative;
1903
1898
  padding: 2rem 1rem;
1904
1899
  }
1905
1900
  @media (min-width: 768px) {
1906
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
1901
+ .cmpAlgoliaDynamicSearchWidget {
1907
1902
  padding: 4rem 1rem;
1908
1903
  }
1909
1904
  }
1910
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
1905
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__placeholder {
1911
1906
  opacity: 1;
1912
1907
  z-index: 1;
1913
1908
  }
1914
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__container] {
1909
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__container {
1915
1910
  opacity: 0;
1916
1911
  z-index: -1;
1917
1912
  }
1918
1913
 
1919
- [class*=cmpAlgoliaDynamicSearchWidget__container] {
1914
+ .cmpAlgoliaDynamicSearchWidget__container {
1920
1915
  margin-left: auto;
1921
1916
  margin-right: auto;
1922
1917
  display: flex;
@@ -1926,91 +1921,91 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1926
1921
  transition: opacity 0.5s;
1927
1922
  }
1928
1923
  @media (min-width: 961px) {
1929
- [class*=cmpAlgoliaDynamicSearchWidget__container] {
1924
+ .cmpAlgoliaDynamicSearchWidget__container {
1930
1925
  max-width: 1280px;
1931
1926
  }
1932
1927
  }
1933
1928
 
1934
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
1929
+ .cmpAlgoliaDynamicSearchWidget__header {
1935
1930
  display: flex;
1936
1931
  flex-direction: column;
1937
1932
  gap: 1.5rem;
1938
1933
  }
1939
1934
  @media screen and (min-width: 768px) {
1940
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
1935
+ .cmpAlgoliaDynamicSearchWidget__header {
1941
1936
  flex-direction: row;
1942
1937
  justify-content: space-between;
1943
1938
  align-items: flex-start;
1944
1939
  }
1945
1940
  }
1946
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h1,
1947
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h2,
1948
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h3,
1949
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h4,
1950
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h5,
1951
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h6,
1952
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) p {
1941
+ .cmpAlgoliaDynamicSearchWidget__header h1,
1942
+ .cmpAlgoliaDynamicSearchWidget__header h2,
1943
+ .cmpAlgoliaDynamicSearchWidget__header h3,
1944
+ .cmpAlgoliaDynamicSearchWidget__header h4,
1945
+ .cmpAlgoliaDynamicSearchWidget__header h5,
1946
+ .cmpAlgoliaDynamicSearchWidget__header h6,
1947
+ .cmpAlgoliaDynamicSearchWidget__header p {
1953
1948
  margin: 0;
1954
1949
  color: #546672;
1955
1950
  }
1956
1951
 
1957
- [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1952
+ .cmpAlgoliaDynamicSearchWidget__header__text {
1958
1953
  display: flex;
1959
1954
  flex-direction: column;
1960
1955
  gap: 1rem;
1961
1956
  }
1962
1957
  @media screen and (min-width: 768px) {
1963
- [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1958
+ .cmpAlgoliaDynamicSearchWidget__header__text {
1964
1959
  max-width: 75%;
1965
1960
  }
1966
1961
  }
1967
1962
 
1968
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1963
+ .cmpAlgoliaDynamicSearchWidget__cards {
1969
1964
  display: grid;
1970
1965
  gap: 1rem;
1971
1966
  grid-template-columns: 1fr;
1972
1967
  }
1973
1968
  @media (min-width: 768px) {
1974
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1969
+ .cmpAlgoliaDynamicSearchWidget__cards {
1975
1970
  grid-template-columns: repeat(2, 1fr);
1976
1971
  }
1977
1972
  }
1978
1973
  @media (min-width: 961px) {
1979
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1974
+ .cmpAlgoliaDynamicSearchWidget__cards {
1980
1975
  grid-template-columns: repeat(3, 1fr);
1981
1976
  }
1982
1977
  }
1983
1978
 
1984
- [class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1979
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
1985
1980
  grid-template-columns: repeat(2, 1fr);
1986
1981
  }
1987
1982
  @media (min-width: 961px) {
1988
- [class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1983
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
1989
1984
  grid-template-columns: repeat(4, 1fr);
1990
1985
  }
1991
1986
  }
1992
1987
 
1993
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleSilverGradientBackground] {
1988
+ .cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
1994
1989
  background: #3f6a98;
1995
1990
  }
1996
1991
 
1997
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] {
1992
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
1998
1993
  background: #546672;
1999
1994
  }
2000
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1995
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
2001
1996
  color: white;
2002
1997
  }
2003
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h1,
2004
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h2,
2005
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h3,
2006
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h4,
2007
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h5,
2008
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h6,
2009
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] p {
1998
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1,
1999
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2,
2000
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3,
2001
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4,
2002
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5,
2003
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6,
2004
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
2010
2005
  color: white;
2011
2006
  }
2012
2007
 
2013
- [class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
2008
+ .cmpAlgoliaDynamicSearchWidget__placeholder {
2014
2009
  opacity: 0;
2015
2010
  position: absolute;
2016
2011
  top: 0;
@@ -2023,7 +2018,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
2023
2018
  transition: opacity 0.5s;
2024
2019
  }
2025
2020
 
2026
- [class*=cmpAlgoliaDynamicSearchWidget__placeholder__loading]::before {
2021
+ .cmpAlgoliaDynamicSearchWidget__placeholder__loading::before {
2027
2022
  content: "";
2028
2023
  position: absolute;
2029
2024
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
package/dist/index.scss CHANGED
@@ -1697,26 +1697,24 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1697
1697
  --text-xxl-line-height: 1;
1698
1698
  }
1699
1699
 
1700
- .ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
1700
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
1701
1701
  display: grid;
1702
1702
  grid-template-columns: repeat(1, 1fr);
1703
1703
  grid-template-rows: auto;
1704
1704
  }
1705
1705
  @media (min-width: 992px) {
1706
- .ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
1706
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
1707
1707
  grid-template-columns: repeat(2, 1fr);
1708
1708
  }
1709
1709
  }
1710
- .ProductCardDetails-module__productDetails___-sx2l [class*="product-info"] {
1710
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__product-info {
1711
1711
  position: relative;
1712
1712
  max-width: 480px;
1713
1713
  }
1714
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header"]:not([class*="__title"]):not([class*="__product-code"]):not(
1715
- [class*="__product-image"]
1716
- ) {
1714
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header {
1717
1715
  margin-bottom: 1rem;
1718
1716
  }
1719
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
1717
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
1720
1718
  font-size: 21px;
1721
1719
  font-weight: 700;
1722
1720
  margin-bottom: 1rem;
@@ -1724,23 +1722,23 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1724
1722
  color: #e2001a;
1725
1723
  }
1726
1724
  @media (min-width: 768px) {
1727
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
1725
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
1728
1726
  max-width: 325px;
1729
1727
  }
1730
1728
  }
1731
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-code"] {
1729
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-code {
1732
1730
  font-size: 0.875rem;
1733
1731
  color: #4a4e54;
1734
1732
  margin-bottom: 1rem;
1735
1733
  }
1736
- .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-image"] {
1734
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-image {
1737
1735
  max-width: 100%;
1738
1736
  height: auto;
1739
1737
  }
1740
- .ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] {
1738
+ .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__spares-list {
1741
1739
  position: relative;
1742
1740
  }
1743
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
1741
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
1744
1742
  display: grid;
1745
1743
  grid-template-columns: repeat(1, 1fr);
1746
1744
  grid-template-rows: auto;
@@ -1749,16 +1747,16 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1749
1747
  padding-left: 0;
1750
1748
  }
1751
1749
  @media (min-width: 992px) {
1752
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
1750
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
1753
1751
  grid-template-columns: repeat(2, 1fr);
1754
1752
  }
1755
1753
  }
1756
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] li {
1754
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list li {
1757
1755
  list-style: none;
1758
1756
  margin-bottom: 0;
1759
1757
  font-size: 14px;
1760
1758
  }
1761
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
1759
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
1762
1760
  margin-left: 0;
1763
1761
  padding-left: 0;
1764
1762
  display: grid;
@@ -1767,59 +1765,56 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1767
1765
  gap: 10px;
1768
1766
  }
1769
1767
  @media (min-width: 992px) {
1770
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
1768
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
1771
1769
  grid-template-columns: repeat(2, 1fr);
1772
1770
  grid-template-areas: "list-item-1 list-item-2";
1773
1771
  }
1774
1772
  }
1775
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li {
1773
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li {
1776
1774
  list-style: none;
1777
1775
  margin-bottom: 0.75rem;
1778
1776
  font-size: 14px;
1779
1777
  }
1780
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li strong {
1778
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li strong {
1781
1779
  color: #383e42;
1782
1780
  }
1783
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li > *:first-child {
1781
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li > *:first-child {
1784
1782
  line-height: 2;
1785
1783
  }
1786
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-holder"] {
1784
+ .ProductCardDetails-module__productDetails___-sx2l .folding-specification-holder {
1787
1785
  margin-bottom: 1rem;
1788
1786
  }
1789
- .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-holder"] {
1787
+ .ProductCardDetails-module__productDetails___-sx2l .folding-spares-holder {
1790
1788
  margin-bottom: 1rem;
1791
1789
  }
1792
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]) {
1790
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section {
1793
1791
  margin-bottom: 0.5rem;
1794
1792
  }
1795
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]).ProductCardDetails-module__open___ZShRA {
1793
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section.ProductCardDetails-module__open___ZShRA {
1796
1794
  border-color: #e2001a;
1797
1795
  }
1798
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__header"] {
1796
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__header {
1799
1797
  display: flex;
1800
1798
  justify-content: space-between;
1801
1799
  align-items: center;
1802
1800
  padding: 1rem 0;
1803
1801
  cursor: pointer;
1804
1802
  }
1805
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__title"] {
1803
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__title {
1806
1804
  font-size: 1rem;
1807
1805
  font-weight: 600;
1808
1806
  color: #383e42;
1809
1807
  margin: 0;
1810
1808
  }
1811
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] {
1809
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon {
1812
1810
  color: black !important;
1813
1811
  }
1814
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] svg {
1812
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon svg {
1815
1813
  color: inherit !important;
1816
1814
  }
1817
- .ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__content"] {
1815
+ .ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
1818
1816
  padding: 0 0 1rem 0;
1819
1817
  }
1820
- .ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] ul li {
1821
- background-color: white;
1822
- }
1823
1818
  :root {
1824
1819
  --leybold-red: #e2001a;
1825
1820
  --leybold-black: #000000;
@@ -1898,25 +1893,25 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1898
1893
  transform: skewX(-10deg) translateX(200%);
1899
1894
  }
1900
1895
  }
1901
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
1896
+ .cmpAlgoliaDynamicSearchWidget {
1902
1897
  position: relative;
1903
1898
  padding: 2rem 1rem;
1904
1899
  }
1905
1900
  @media (min-width: 768px) {
1906
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
1901
+ .cmpAlgoliaDynamicSearchWidget {
1907
1902
  padding: 4rem 1rem;
1908
1903
  }
1909
1904
  }
1910
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
1905
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__placeholder {
1911
1906
  opacity: 1;
1912
1907
  z-index: 1;
1913
1908
  }
1914
- [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__container] {
1909
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__container {
1915
1910
  opacity: 0;
1916
1911
  z-index: -1;
1917
1912
  }
1918
1913
 
1919
- [class*=cmpAlgoliaDynamicSearchWidget__container] {
1914
+ .cmpAlgoliaDynamicSearchWidget__container {
1920
1915
  margin-left: auto;
1921
1916
  margin-right: auto;
1922
1917
  display: flex;
@@ -1926,91 +1921,91 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
1926
1921
  transition: opacity 0.5s;
1927
1922
  }
1928
1923
  @media (min-width: 961px) {
1929
- [class*=cmpAlgoliaDynamicSearchWidget__container] {
1924
+ .cmpAlgoliaDynamicSearchWidget__container {
1930
1925
  max-width: 1280px;
1931
1926
  }
1932
1927
  }
1933
1928
 
1934
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
1929
+ .cmpAlgoliaDynamicSearchWidget__header {
1935
1930
  display: flex;
1936
1931
  flex-direction: column;
1937
1932
  gap: 1.5rem;
1938
1933
  }
1939
1934
  @media screen and (min-width: 768px) {
1940
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
1935
+ .cmpAlgoliaDynamicSearchWidget__header {
1941
1936
  flex-direction: row;
1942
1937
  justify-content: space-between;
1943
1938
  align-items: flex-start;
1944
1939
  }
1945
1940
  }
1946
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h1,
1947
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h2,
1948
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h3,
1949
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h4,
1950
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h5,
1951
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h6,
1952
- [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) p {
1941
+ .cmpAlgoliaDynamicSearchWidget__header h1,
1942
+ .cmpAlgoliaDynamicSearchWidget__header h2,
1943
+ .cmpAlgoliaDynamicSearchWidget__header h3,
1944
+ .cmpAlgoliaDynamicSearchWidget__header h4,
1945
+ .cmpAlgoliaDynamicSearchWidget__header h5,
1946
+ .cmpAlgoliaDynamicSearchWidget__header h6,
1947
+ .cmpAlgoliaDynamicSearchWidget__header p {
1953
1948
  margin: 0;
1954
1949
  color: #546672;
1955
1950
  }
1956
1951
 
1957
- [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1952
+ .cmpAlgoliaDynamicSearchWidget__header__text {
1958
1953
  display: flex;
1959
1954
  flex-direction: column;
1960
1955
  gap: 1rem;
1961
1956
  }
1962
1957
  @media screen and (min-width: 768px) {
1963
- [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1958
+ .cmpAlgoliaDynamicSearchWidget__header__text {
1964
1959
  max-width: 75%;
1965
1960
  }
1966
1961
  }
1967
1962
 
1968
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1963
+ .cmpAlgoliaDynamicSearchWidget__cards {
1969
1964
  display: grid;
1970
1965
  gap: 1rem;
1971
1966
  grid-template-columns: 1fr;
1972
1967
  }
1973
1968
  @media (min-width: 768px) {
1974
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1969
+ .cmpAlgoliaDynamicSearchWidget__cards {
1975
1970
  grid-template-columns: repeat(2, 1fr);
1976
1971
  }
1977
1972
  }
1978
1973
  @media (min-width: 961px) {
1979
- [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1974
+ .cmpAlgoliaDynamicSearchWidget__cards {
1980
1975
  grid-template-columns: repeat(3, 1fr);
1981
1976
  }
1982
1977
  }
1983
1978
 
1984
- [class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1979
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
1985
1980
  grid-template-columns: repeat(2, 1fr);
1986
1981
  }
1987
1982
  @media (min-width: 961px) {
1988
- [class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
1983
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
1989
1984
  grid-template-columns: repeat(4, 1fr);
1990
1985
  }
1991
1986
  }
1992
1987
 
1993
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleSilverGradientBackground] {
1988
+ .cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
1994
1989
  background: #3f6a98;
1995
1990
  }
1996
1991
 
1997
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] {
1992
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
1998
1993
  background: #546672;
1999
1994
  }
2000
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
1995
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
2001
1996
  color: white;
2002
1997
  }
2003
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h1,
2004
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h2,
2005
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h3,
2006
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h4,
2007
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h5,
2008
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h6,
2009
- [class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] p {
1998
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1,
1999
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2,
2000
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3,
2001
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4,
2002
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5,
2003
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6,
2004
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
2010
2005
  color: white;
2011
2006
  }
2012
2007
 
2013
- [class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
2008
+ .cmpAlgoliaDynamicSearchWidget__placeholder {
2014
2009
  opacity: 0;
2015
2010
  position: absolute;
2016
2011
  top: 0;
@@ -2023,7 +2018,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
2023
2018
  transition: opacity 0.5s;
2024
2019
  }
2025
2020
 
2026
- [class*=cmpAlgoliaDynamicSearchWidget__placeholder__loading]::before {
2021
+ .cmpAlgoliaDynamicSearchWidget__placeholder__loading::before {
2027
2022
  content: "";
2028
2023
  position: absolute;
2029
2024
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);