/* --- TYPOS --- */
h1 {
  margin-top: var(--distance-15);
  margin-bottom: var(--distance-05);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-s);
}

h2 {
  margin-top: var(--distance-3);
  margin-bottom: var(--distance-2);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}

h3 {
  margin-top: var(--distance-3);
  margin-bottom: var(--distance-1);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
  color: var(--color-greyscale-0);
}

h4 {
  margin-top: var(--distance-2);
  margin-bottom: var(--distance-1);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-bold);
  color: var(--color-greyscale-0);
}

h5 {
  margin-top: var(--distance-2);
  margin-bottom: var(--distance-1);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-bold);
  color: var(--color-greyscale-0);
}

h6 {
  margin-top: var(--distance-2);
  margin-bottom: var(--distance-1);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-bold);
  color: var(--color-greyscale-0);
}

h2, h3, h4, h5, h6 {
  margin-top: var(--distance-075);
  margin-bottom: var(--distance-025);
  line-height: var(--line-height-s);
}

div, p, span, li, strong, b, em, i {
  font-size: var(--font-size-s);
  color: var(--color-greyscale-1);
  line-height: var(--line-height-m);
}

p {
  margin-bottom: var(--distance-05);
}
p:last-of-type {
  margin-bottom: 0;
}

/* --- LISTS --- */
ul.text-list {
  display: block;
  float: none;
  clear: both;
  margin-top: var(--distance-1);
  margin-bottom: var(--distance-1);
  margin-left: 0;
  /* --- DATASHEET LIST --- */
}
ul.text-list li {
  display: block;
  margin-left: var(--distance-15);
  margin-bottom: var(--distance-025);
}
ul.text-list li:last-of-type {
  margin-bottom: 0;
}
ul.text-list li:before {
  display: block;
  content: "";
  float: left;
  margin-left: var(--distance-negative-1);
  width: 8px;
  height: 8px;
  margin-top: 8px;
  border-radius: 2px;
  background-color: var(--color-primary-5);
}
ul.text-list.datasheet li {
  position: relative;
}
ul.text-list.datasheet li:before {
  display: block;
  content: "";
  width: 12px;
  height: 15px;
  margin-top: var(--distance-025);
  margin-left: -1.15rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* --- TEXT LINK --- */
a.text-link, p a {
  color: var(--color-primary-5);
  text-decoration: underline;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
a.text-link:hover, p a:hover {
  color: var(--color-primary-3);
}

/*# sourceMappingURL=typos.css.map */