.comparison-tables__form select:focus {
	background-color: var(--light-gray);
	border: 1px solid var(--teal);
}
.comparison-tables {
	overflow-x: scroll;
	overflow-y: hidden;`
	background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
.comparison-tables__table {
  display: none;
  width: 100%;
  border: 0;
}
.comparison-tables__table.is-selected {
  display: table;
}
.comparison-tables__table thead th {
  width: 20%;
  background-color: transparent;
  border: 0;
  text-align: center;
}
.comparison-tables__table thead th img {
  max-width: 120px;
}
.comparison-tables__table thead th > span {
  display: block;
  line-height: 1.3;
}
/*.comparison-tables__table thead th:first-child,
.comparison-tables__table tbody td:first-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--gap-sm);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}*/

.comparison-tables__table tbody td.feature-custom-bg {
  text-align: center;
  font-weight: 600;
}

.comparison-tables:not(.v2) .comparison-tables__table > tbody > tr:nth-child(odd) {
  background-color: var(--light-gray);
}
.comparison-tables__table th,
.comparison-tables__table td {
  border: 0;
  vertical-align: middle;
  word-break: initial;
}
.comparison-tables__category th {
  background-color: var(--tertiary-color);
}

.comparison-tables.v2 table,
.comparison-tables.v2 th,
.comparison-tables.v2 td {
  background-color: unset;
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}

.comparison-tables__category-tooltip {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
}
.comparison-tables__icon {
  border-radius: 50%;
  color: var(--white);
  display: inline-grid;
  height: 2.6rem;
  place-content: center;
  width: 2.6rem;
}
.comparison-tables__icon--check {
  background-color: green;
}
.comparison-tables__icon--mark {
  background-color: red;
}
.comparison-tables__icon > svg {
  display: block;
  height: 1.4rem;
}
.comparison-tables__text {
  display: block;
  font-size: 1.6rem;
  line-height: 1.3;
}
@media(min-width: 768px) {
	.comparison-tables {
		overflow-x: initial;
		overflow-y: initial;
	}
}