/* dartsapi.com/head-to-head: this page's own styles. The shared styles stay in site.css. */
.hh code{font-family:var(--mono);font-size:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hh-in{max-width:1320px;margin:0 auto;padding:0 24px}
.hh-hero{position:relative;isolation:isolate;z-index:2;color:#fff;background:linear-gradient(180deg,#1D1044 0%,#140A33 60%,#0D0722 100%);padding:112px 0 30px}
.hh-crumb{display:flex;gap:8px;font-size:13px;color:#A9A2C6}
.hh-crumb a{color:var(--lilac);text-decoration:none;font-weight:650}
.hh-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;margin-top:22px}
.hh-p{display:flex;align-items:center;gap:16px;min-width:0;color:#fff;text-decoration:none}
.hh-p.r{justify-content:flex-end;text-align:right}
.hh-av{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r);background:linear-gradient(135deg,#6E50FF,#9338E8);font-size:22px;font-weight:780}
.hh-av.b{background:linear-gradient(135deg,#3B2E7A,#5B4AA8)}
.hh-n{display:flex;flex-direction:column;gap:4px;min-width:0}
.hh-n b{font-size:30px;line-height:36px;font-weight:780;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-n small{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#C9C2E6}
.hh-p.r .hh-n small{justify-content:flex-end}
.hh-p .hh-n b{color:#fff}
.hh-p:hover .hh-n b{color:var(--lilac)}
.hh-rec{display:flex;flex-direction:column;align-items:center;gap:2px}
.hh-rec-l{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A9A2C6}
.hh-big{display:flex;align-items:center;gap:14px;font-variant-numeric:tabular-nums}
.hh-big b{font-size:64px;line-height:70px;font-weight:800;color:#A9A2C6}
.hh-big b.w{color:#fff}
.hh-big i{font-style:normal;font-size:36px;color:#5B4F8A}
.hh-rec-s{font-size:13px;color:#C9C2E6;white-space:nowrap}
.hh-bar{height:10px;margin-top:20px;border-radius:var(--r);background:#4A3D86;overflow:hidden}
.hh-bar i{display:block;height:100%;background:linear-gradient(90deg,#8B6CFF,#B79BFF)}
.hh-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0}
.hh-figs div{padding:14px 16px;border-radius:var(--r);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);min-width:0}
.hh-figs dt{font-size:12px;font-weight:650;color:#A9A2C6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-figs dd{margin:0}
.hh-figs .n{margin-top:4px;font-size:24px;line-height:30px;font-weight:780;font-variant-numeric:tabular-nums;white-space:nowrap}
.hh-figs .n i{font-style:normal;color:#6E62A0;font-weight:500}
.hh-figs .s{font-size:12px;color:#C9C2E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-pick{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:18px;padding:12px;border-radius:var(--r);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hh-pick label{display:flex;flex-direction:column;gap:4px;min-width:0}
.hh-pick label span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#A9A2C6}
.hh-pick input{height:40px;padding:0 12px;border:0;border-radius:var(--r);background:#fff;font:inherit;font-size:14px;font-weight:650;color:var(--ink)}
.hh-pick>i{font-style:normal;text-align:center;line-height:40px;color:#A9A2C6;font-weight:700}
.hh-pick .btn{height:40px}
.ctry{flex:none;display:inline-flex;align-items:center;height:18px;padding:0 5px;border-radius:var(--r);background:rgba(183,155,255,.18);color:var(--lilac);font-family:var(--mono);font-size:10.5px;font-weight:700}
.hh-body{padding:28px 0 56px;background:var(--paper)}
.hh-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.hh-grid>*{min-width:0}
.hh-main,.hh-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.hh-card{padding:20px 22px}
.hh-ch{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.hh-ch h2{font-size:17px;line-height:24px;font-weight:750;color:var(--ink);white-space:nowrap}
.hh-ch span,.hh-ch a{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-ch a{color:var(--violet);font-weight:650;text-decoration:none}
.hh-ch em{font-style:normal;font-weight:700}
.ka{color:var(--violet)}.kb{color:#7A6FA8}
.hh-strip{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px}
.hh-strip i{aspect-ratio:1;border-radius:var(--r);background:#CFC6EC}
.hh-strip i.wa{background:var(--violet)}
.hr{display:grid;grid-template-columns:96px minmax(0,1fr) 64px 84px 64px 74px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line-soft);font-size:13.5px}
.hr-hd{border-top:0;padding-top:0;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hr-hd span:nth-child(3),.hr-hd span:nth-child(4){text-align:center}.hr-hd span:nth-child(5){text-align:center}
.hr-d{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.hr-e{display:flex;flex-direction:column;min-width:0}
.hr-e b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-e small{font-size:12px;color:var(--muted)}
.hr-a{text-align:center;font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.hr-a.w{color:var(--ink);font-weight:600}
.hr-s{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:var(--r);background:#F4F1FC;font-variant-numeric:tabular-nums}
.hr-s b{font-size:17px;font-weight:780;color:var(--muted)}
.hr-s b.w{color:var(--ink)}
.hr-s i{font-style:normal;color:var(--muted)}
.hr-go{justify-self:end;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:var(--r);background:var(--violet);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none}
.hh-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hh-two>*{min-width:0}
.sp{display:grid;grid-template-columns:120px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:8px 0;font-size:13.5px}
.sp>span{color:var(--ink-2);font-weight:600}
.sp-b{height:10px;border-radius:var(--r);background:#CFC6EC;overflow:hidden}
.sp-b i{display:block;height:100%;background:var(--violet)}
.sp>b{text-align:right;font-variant-numeric:tabular-nums}
.cl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;border-top:1px solid var(--line-soft);font-size:13.5px}
.cl span{color:var(--ink-2)}
.cl b{font-variant-numeric:tabular-nums;color:var(--ink)}
.cl small{grid-column:1/-1;font-size:12px;color:var(--muted)}
.hh-n{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.nx-e{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.nx-e b{color:var(--ink)}
.nx-c{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:12px;font-size:13px}
.nx-c b{font-size:18px;font-weight:780;font-variant-numeric:tabular-nums}
.nx-c b:first-of-type{color:var(--violet)}
.nx-b{height:10px;border-radius:var(--r);background:#CFC6EC;overflow:hidden}
.nx-b i{display:block;height:100%;background:var(--violet)}
.fm{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line-soft);font-size:13.5px}
.fm:first-of-type{border-top:0}
.fm-r{display:flex;gap:3px}
.fm-r i{display:grid;place-items:center;width:18px;height:18px;border-radius:var(--r);font-style:normal;font-size:10px;font-weight:800}
.fm-r i.w{background:#E3F7EF;color:#12795A}.fm-r i.l{background:#FDECEA;color:#B3361B}
.fm b{font-variant-numeric:tabular-nums}
.fm em{font-style:normal}.fm .up{color:#12795A}.fm .dn{color:#B3361B}
.t-fr{padding:1px 8px;border-radius:var(--r);background:#E6F0FF;color:#1D5FC7;font-style:normal;font-size:11px;font-weight:750}
.hh-code{margin:0;font-family:var(--mono);font-size:12px;white-space:pre}
.hh-code .t-k{color:#7FE3C4}
.hh-api .btn{margin-top:12px}
.or2{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--ink);text-decoration:none}
.or2:first-of-type{border-top:0}
.or2:hover span{color:var(--violet)}
.or2 b{font-variant-numeric:tabular-nums}
@media (max-width:1200px){.hh-grid{grid-template-columns:1fr}.hh-side{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.hh-figs{grid-template-columns:1fr 1fr}.hh-n b{font-size:24px;line-height:30px}.hh-av{width:52px;height:52px;font-size:18px}}
@media (max-width:760px){.hh-ch span{display:none}.hh-two,.hh-side{grid-template-columns:1fr}.hh-two{display:flex;flex-direction:column}
.hh-vs{grid-template-columns:1fr 1fr;gap:14px}.hh-rec{grid-column:1/-1;grid-row:2}.hh-p .hh-av{display:none}
.hh-pick{grid-template-columns:1fr}.hh-pick>i{display:none}
.hr{grid-template-columns:minmax(0,1fr) 76px;gap:6px 10px}.hr-hd{display:none}.hr-d{grid-column:1;grid-row:1}.hr-e{grid-column:1;grid-row:2}
.hr-s{grid-column:2;grid-row:1/3}.hr-a{display:none}.hr-go{display:none}
.hh-strip{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media (max-width:640px){.hh-figs dt{font-size:11px}.hh-in{padding:0 14px}.hh-hero{padding-top:92px}.hh-figs{grid-template-columns:1fr 1fr}.hh-figs .n{font-size:19px}.hh-n b{font-size:19px;line-height:24px}.hh-big b{font-size:48px;line-height:54px}}
.hh-pick{position:relative}
.hp{position:relative}
.hp-l{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;display:flex;flex-direction:column;padding:4px;border-radius:var(--r);background:#fff;box-shadow:0 16px 40px rgba(14,8,34,.35)}
.hp-l[hidden]{display:none}
.hp-o{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;border:0;border-radius:var(--r);background:none;font:inherit;text-align:left;cursor:pointer;min-width:0}
.hp-o b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-o small{flex:none;font-size:12px;color:var(--muted)}
.hp-o:hover,.hp-o.on{background:#F1ECFE}
.hp-msg{grid-column:1/-1;min-height:0;margin:0;font-size:12.5px;font-weight:650;color:#FFB4A6}
.hp-msg:empty{display:none}
.hr-more[hidden]{display:none}
.hh-all{display:block;width:100%;margin-top:10px;height:40px;border:0;border-radius:var(--r);background:#F1ECFE;color:var(--violet);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.hh-none{padding:26px}
.hh-none b{display:block;font-size:17px;color:var(--ink)}
.hh-none p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.hh-none-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hh-hero-i{padding-bottom:40px}
.hh-eyebrow{display:inline-block;padding:3px 10px;border-radius:var(--r);background:rgba(183,155,255,.14);color:var(--lilac);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.hh-h1{margin-top:14px;font-size:42px;line-height:48px;font-weight:780;letter-spacing:-.025em}
.hh-lead{margin-top:10px;max-width:640px;font-size:15.5px;line-height:1.6;color:#C9C2E6}
.rv{display:grid;grid-template-columns:minmax(0,1fr) 110px 160px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft);color:var(--ink);text-decoration:none}
.rv:first-of-type{border-top:0}
.rv-n{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-n b{font-size:15px;font-weight:700}
.rv-n i{font-style:normal;color:var(--muted);font-size:13px}
.rv:hover .rv-n b{color:var(--violet)}
.rv-r{display:flex;flex-direction:column;align-items:flex-end}
.rv-r b{font-size:16px;font-variant-numeric:tabular-nums}
.rv-r small{font-size:12px;color:var(--muted)}
.rv-bar{height:10px;border-radius:var(--r);background:#CFC6EC;overflow:hidden}
.rv-bar i{display:block;height:100%;background:var(--violet)}
.rv-s{display:none}
@media (max-width:760px){.rv-f{display:none}.rv-s{display:flex}.rv{grid-template-columns:minmax(0,1fr) 80px}.rv-bar{display:none}.hh-h1{font-size:30px;line-height:36px}}
.hh-hero>.cta-bg{overflow:hidden}
.hh-body{position:relative;z-index:1}