.before-after-table-section{.before-after-table{border-collapse:collapse;& thead{background-color:var(--stk-primary);& th{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:600;padding:14px 24px;text-align:left;text-transform:uppercase;&:first-child{border-top-left-radius:12px}&:last-child{border-top-right-radius:12px;color:hsla(0,0%,100%,.9)}}}& tbody{& tr{background:rgba(var(--stk-primary-rgb),.025);border-bottom:1px solid #e8ede8;&:last-child{border-bottom:none;td:first-child{border-bottom-left-radius:12px}td:last-child{border-bottom-right-radius:12px}}}& td{padding:16px 24px;vertical-align:middle;&.metric-name{color:var(--stk-primary);font-size:15px;font-weight:600;white-space:nowrap;width:20%}&.before-text{color:rgba(var(--stk-primary-rgb),.8);font-size:14px;width:35%}&.after-eb{width:45%;& .after-inner{align-items:center;display:flex;gap:12px}& .badge{align-items:center;background-color:rgba(var(--stk-primary-rgb),.05);border:1.5px solid rgba(var(--stk-primary-rgb),.2);border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;white-space:nowrap}& .after-text,& .badge{color:var(--stk-primary)}& .after-text{font-size:14px}}}}}}