{# KEY #}
.diff-switch {display:flex;align-items:center;border:0;cursor:pointer;text-align:left;}
.switch-track {position:relative;width:32px;height:18px;border-radius:20px;background:#ccc;transition:background-color .2s ease;}
.switch-track > span {position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s ease;}
.diff-switch[aria-checked="true"] .switch-track {background:#5459a6;}
.diff-switch[aria-checked="true"] .switch-track > span {transform:translateX(14px);}

{# Differences only switch active #}
.f-comp.differences-only .all-same {opacity:0.25;}
.f-comp.differences-only .all-same th {padding:6px 18px;}
.f-comp.differences-only .all-same .col1 .fw400 {display:none;}
{#.f-comp.differences-only .all-same .Sta, .f-comp.differences-only .all-same .Gro, .f-comp.differences-only .all-same .Pro, .f-comp.differences-only .all-same .Ent {display:none;}#}

{# TABLE #}
.hs-table.f-comp {overflow:visible;line-height:1.5;gap:5px;}
@media (max-width:399px) {
  .hs-table.f-comp .table-row {grid-template-columns: 1fr 1fr !important;;}
}

.hs-table.f-comp thead {z-index:10;}
.hs-table.f-comp thead th {color:#FFF;}

@media (min-width: 1024px) {
  .hs-table.f-comp thead {position:sticky;top:121px;}
}
@media (max-width: 1023px) {
  table.hs-table.f-comp thead {display: table-row-group;}
  table.hs-table.f-comp .col1 {grid-column: 1 / -1;}
  table.hs-table.f-comp th:not(.col1) {display:none;}
}

.f-comp tbody {display:grid;gap:5px;}
.f-comp tbody tr {align-items:center;}

.f-comp tbody td {text-align:center;line-height:1.2;padding-left:6px;padding-right:6px;}
.f-comp tbody td > span {}

.f-comp th.col1 {text-align:left;}
.f-comp th:not(.col1) {text-align:center;padding-left:0px;padding-right:0px;}
@media (max-width:1023px) {

}

.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.fc-icon.txt {font-size:16px;}
.fc-icon:not(.txt)::before {display:block;width:30px;height:30px;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain;content:"";border-radius:6px;}
@media (max-width:1023px) {
  td .fc-icon:not(.txt)::before {margin-top:9px;}
}

.fc-icon.tick::before {background-image:url("https://www.infinity.co/hubfs/pricing/key/Included.svg");}
.fc-icon.ai::before {background-image:url("https://www.infinity.co/hubfs/pricing/key/AI.svg");}
.fc-icon.plus::before {background-image:url("https://www.infinity.co/hubfs/pricing/key/Add-On.svg");}
.fc-icon.ask::before {background-image:url("https://www.infinity.co/hubfs/pricing/key/Ask.svg");}
.fc-icon.dash::before {background-image:url("https://www.infinity.co/hubfs/pricing/key/Dash.svg");}


table.hs-table.f-comp td:before {text-align:center;}

.subtitle-row {background-color:rgba(0,0,0,0.1);}
.subtitle-row .section-tag {font-size:14px;font-weight:600;padding:3px 6px;border-radius:6px;background-color:#000;color:#FFF;}
.subtitle-row .subtitle {font-size:15px;}

{# COLOUR SCHEMES #}
{# Purple #}
.subtitle-row.purple {background: linear-gradient(120deg,rgba(206, 75, 145, 0.2) 0%, rgba(143, 89, 183, 0.2) 50%, rgba(69, 75, 179, 0.2) 100%);}
.subtitle-row.purple .section-tag {background:#CE4B91;background: linear-gradient(120deg,rgba(206, 75, 145, 1) 0%, rgba(143, 89, 183, 1) 50%, rgba(69, 75, 179, 1) 100%);}
.table-row.purple {background: linear-gradient(120deg,rgba(206, 75, 145, 0.02) 0%, rgba(143, 89, 183, 0.02) 50%, rgba(69, 75, 179, 0.02) 100%);}
{# Green #}
.subtitle-row.green {background: linear-gradient(120deg,rgba(132, 212, 163, 0.2) 0%, rgba(89, 201, 165, 0.2) 50%, rgba(59, 122, 117, 0.2) 100%);}
.subtitle-row.green .section-tag {background:#84D4A3;background: linear-gradient(120deg,rgba(132, 212, 163, 1) 0%, rgba(89, 201, 165, 1) 50%, rgba(59, 122, 117, 1) 100%);}
.table-row.green {background: linear-gradient(120deg,rgba(132, 212, 163, 0.02) 0%, rgba(89, 201, 165, 0.02) 50%, rgba(59, 122, 117, 0.02) 100%);}
{# Orange #}
.subtitle-row.orange {background: linear-gradient(120deg,rgba(250, 167, 87, 0.2) 0%, rgba(244, 132, 67, 0.2) 50%, rgba(220, 74, 56, 0.2) 100%);}
.subtitle-row.orange .section-tag {background: #FAA757;background: linear-gradient(120deg,rgba(250, 167, 87, 1) 0%, rgba(244, 132, 67, 1) 50%, rgba(220, 74, 56, 1) 100%);}
.table-row.orange {background: linear-gradient(120deg,rgba(250, 167, 87, 0.02) 0%, rgba(244, 132, 67, 0.02) 50%, rgba(220, 74, 56, 0.02) 100%);}
{# Red #}
.subtitle-row.red {background: linear-gradient(120deg,rgba(214, 85, 101, 0.2) 0%, rgba(142, 51, 67, 0.2) 50%, rgba(74, 21, 33, 0.2) 100%);}
.subtitle-row.red .section-tag {background: #D65565;background: linear-gradient(120deg,rgba(214, 85, 101, 1) 0%, rgba(142, 51, 67, 1) 50%, rgba(74, 21, 33, 1) 100%);}
.table-row.red {background: linear-gradient(120deg,rgba(214, 85, 101, 0.02) 0%, rgba(142, 51, 67, 0.02) 50%, rgba(74, 21, 33, 0.02) 100%);}
{# Blue #}
.subtitle-row.blue {background: linear-gradient(120deg, rgba(92, 73, 170, 0.2) 0%, rgba(4, 153, 220, 0.2) 100%);}
.subtitle-row.blue .section-tag {background: #D65565;background: linear-gradient(120deg, rgba(92, 73, 170, 1) 0%, rgba(4, 153, 220, 1) 100%);}
.table-row.blue {background: linear-gradient(145deg, rgba(92, 73, 170, 0.02) 0%, rgba(4, 153, 220, 0.02) 100%);}
{# White #}
.table-row.white {background: #FFF;}