#futurosView .synthetic-section{margin-top:24px}
#futurosView .synthetic-section>h2{padding:0 2px 14px}
#futurosView .synthetic-card{margin-top:16px}
#futurosView .synthetic-card h3{font-size:13px;margin:0;letter-spacing:.04em}
#futurosView .synthetic-card .table-wrap{padding:0 16px 14px}
#futurosView .synthetic-card table{min-width:560px}
#futurosView .synthetic-card .synthetic-long{min-width:480px}
#futurosView .synthetic-card th{font-size:10px}
#futurosView .synthetic-card td{padding:12px 14px}
#futurosView .synthetic-card td:first-child{font-weight:500}
#futurosView .synthetic-card td strong{font-weight:700}
#futurosView .synthetic-result{vertical-align:middle;font-variant-numeric:tabular-nums}
#futurosView .synthetic-pair-start td{border-top:1px solid var(--line)}
#futurosView .synthetic-buy{color:var(--green);font-size:11px}
#futurosView .synthetic-sell{color:var(--red);font-size:11px}
#futurosView .synthetic-alt{background:color-mix(in srgb,var(--panel2) 35%,transparent)}

#futurosView .synthetic-fees{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--muted);font-size:11px}
#futurosView .synthetic-fees label{display:flex;align-items:center;gap:8px}
#futurosView .synthetic-fees span{display:flex;align-items:center;gap:5px}
#futurosView .synthetic-fees input{width:65px;padding:7px 8px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;font:inherit;text-align:right}
#futurosView .synthetic-fees input:focus{outline:1px solid var(--green);outline-offset:1px}
#futurosView .synthetic-fees input[aria-invalid="true"]{border-color:var(--red)}
#futurosView .synthetic-card .synthetic-rate-table{min-width:1050px}
#futurosView .synthetic-comparable-start{border-left:1px solid var(--line);padding-left:22px}
#futurosView .synthetic-groups th{text-align:center;color:var(--muted);padding-top:10px;padding-bottom:10px}
#futurosView .synthetic-card .futures-head:has(.synthetic-fees){flex-wrap:wrap;gap:16px}