/* The comparison uses the same ratings and grouping as the style cards. */
.ugd-enabled .ugd-hub-style .ugd-style-comparison {
  --ugd-style-table-ink:#102e41;
  --ugd-style-table-accent:#123b63;
  --ugd-style-table-pale:#edf6fc;
  --ugd-style-table-line:#d6e3eb;
  --ugd-style-table-muted:#526873;
  min-width:0;
  margin:36px 0 0;
  padding:24px;
  border:1px solid var(--ugd-style-table-line);
  border-radius:10px;
  background:var(--ugd-style-table-pale);
  color:var(--ugd-style-table-ink);
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-title {
  margin:0 0 12px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--ugd-style-table-ink);
  font-size:26px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.02em;
  text-align:left;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-title::before,
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-title::after {
  display:none;
  content:none;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-note {
  margin:0 0 16px;
  color:var(--ugd-style-table-muted);
  font-size:12px;
  line-height:1.8;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table-scroll {
  position:relative;
  isolation:isolate;
  max-width:100%;
  overflow-x:auto;
  border:1px solid var(--ugd-style-table-line);
  border-radius:6px;
  background:#fff;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table {
  width:100%;
  min-width:800px;
  margin:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
  color:var(--ugd-style-table-ink);
  font-size:13px;
  line-height:1.65;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table :is(th,td) {
  height:auto;
  padding:10px 12px;
  border:0;
  border-right:1px solid var(--ugd-style-table-line);
  border-bottom:1px solid var(--ugd-style-table-line);
  text-align:left;
  vertical-align:middle;
  white-space:normal;
  overflow-wrap:anywhere;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tr>:last-child {border-right:0}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tbody tr:last-child>:is(th,td) {border-bottom:0}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th {
  background:var(--ugd-style-table-accent);
  color:#fff;
  font-weight:700;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:nth-child(1) {width:160px}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:nth-child(2) {width:128px}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:nth-child(3) {width:116px}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:nth-child(5) {width:156px}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tbody td {background:#fff}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tbody th {
  background:#f7fafc;
  color:var(--ugd-style-table-ink);
  font-weight:600;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tr>:first-child {
  position:sticky;
  left:0;
  z-index:1;
  box-shadow:1px 0 0 var(--ugd-style-table-line);
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:first-child {z-index:2}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table .ugd-style-rating {white-space:nowrap;overflow-wrap:normal}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tbody th a {
  display:flex;
  align-items:center;
  min-height:44px;
  margin:-10px -12px;
  padding:10px 12px;
  color:var(--ugd-style-table-accent);
  font-weight:600;
  line-height:1.65;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-empty {
  margin:14px 0 0;
  color:var(--ugd-style-table-muted);
  font-size:13px;
  line-height:1.75;
}
.ugd-enabled .ugd-hub-style .ugd-style-comparison [hidden] {display:none!important}
.ugd-enabled .ugd-hub-style .ugd-style-comparison :is(.ugd-style-table-scroll,a):focus-visible {
  outline:3px solid #17658a;
  outline-offset:-3px;
}
@media(max-width:760px) {
  .ugd-enabled .ugd-hub-style .ugd-style-comparison {margin-top:28px;padding:18px 14px;border-radius:8px}
  .ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-comparison-title {font-size:21px;line-height:1.45}
  .ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table thead th:first-child {width:140px}
}
@media(hover:hover) {
  .ugd-enabled .ugd-hub-style .ugd-style-comparison .ugd-style-table tbody th a:hover {background:#e7f1f8;color:#0b2a4a}
}