#the-difference .comparison-details dt{display:flex;align-items:center;gap:8px}
.comparison-detail-icon{flex:none;width:20px;height:20px;opacity:.6}
.change-after .comparison-detail-icon{opacity:1;filter:invert(40%) sepia(96%) saturate(1590%) hue-rotate(237deg) brightness(103%)}
#the-difference .comparison-channel-icons{display:flex;align-items:center;gap:10px;min-height:32px}
.comparison-channel-icons>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #e8eaee;border-radius:9px;background:#f8f9fa;box-sizing:border-box}
.comparison-channel-icons>span[title="Email"]{background:#eef8f4;border-color:#d7eee4}
.comparison-channel-icons>span[title="Calling"]{background:#f3efff;border-color:#e6dcff}
.comparison-channel-icons img{display:block;width:21px;height:21px;max-width:none;object-fit:contain}
.comparison-channel-icons .comparison-linkedin{width:22px;height:22px;border-radius:3px;object-fit:cover;object-position:right}
.change-before .comparison-channel-icons{filter:grayscale(1);opacity:.65}
#the-difference .change-before .comparison-details dd>span{background:#ececef;color:#777780}
#the-difference .comparison-point{min-width:0}
#the-difference .comparison-focus strong{font-size:28px;line-height:1.2}
@media(max-width:760px){
 .comparison-detail-icon{width:17px;height:17px}
 #the-difference .comparison-details dt{gap:6px}
 #the-difference .comparison-channel-icons{gap:8px}
 .comparison-channel-icons>span{width:30px;height:30px;border-radius:8px}
 .comparison-channel-icons img{width:20px;height:20px}
 .comparison-channel-icons .comparison-linkedin{width:21px;height:21px}
 #the-difference .comparison-focus strong{font-size:24px}
}