@layer theme,base;@layer components{.lad{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-2)}.lad col.c-tier{width:112px}.lad col.c-div{width:44px}.lad col.c-val{width:56px}.lad col.c-zero{width:120px}.lad td,.lad th{height:26px;padding:0}.lad thead th{border-bottom:1px solid var(--line-2);height:auto;font-size:var(--fs-1);color:var(--ink-2);text-align:left;vertical-align:bottom;white-space:nowrap;padding:0 6px 8px;font-weight:600}.lad thead .r{text-align:right}.lad thead .c{text-align:center}.lad__tier{background:color-mix(in oklab,var(--tier) var(--band),var(--bg-1));color:var(--ink);text-align:left;vertical-align:middle;font-weight:600;padding:0 6px 0 10px!important}.lad__tier>span{justify-items:start;gap:2px;display:grid}.lad__tier .emb{margin-left:-4px}.lad tr.is-you>.lad__div,.lad tr.is-you>td{background:color-mix(in oklab,var(--you) 6%,var(--bg-1))}.lad__tier>span>.you{margin-top:2px}.lad__div .lad__you,.lad__div .plate{display:none}.lad__apex .emb{margin:-2px 0}.lad tr.apex>*{height:30px}.lad .plate--sel:after{display:none}.lad button{width:100%;min-height:26px;font:inherit;color:var(--ink-2);text-align:center;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:600;display:block;position:relative}.lad tr.is-sel .lad__apex button,.lad tr.is-sel .lad__div button{color:var(--on-you)}.lad tr.is-sel .lad__apex button:before,.lad tr.is-sel .lad__div button:before{content:"";z-index:-1;border-radius:var(--r-1);background:var(--you);position:absolute;inset:3px 2px}.lad__apex button,.lad__div button{isolation:isolate}.lad__apex button{text-align:left;color:var(--ink);align-items:center;gap:6px;padding-left:0;display:flex}.lad tr.is-sel .lad__apex button:before{inset:2px -4px}.lad__loss,.lad__win{white-space:nowrap;font-weight:600;padding:0 6px!important}.lad__loss{text-align:right;color:var(--loss-ink)}.lad__win{text-align:left;color:var(--gain-ink)}.lad__bl,.lad__bw{position:relative}.lad__bl{border-right:1px solid var(--ink-3)}.lad__bl i,.lad__bw i{height:10px;position:absolute;top:50%;transform:translateY(-50%)}.lad__bl i{background:var(--loss);border-radius:2px 0 0 2px;right:0}.lad__bw i{background:var(--gain);border-radius:0 2px 2px 0;left:0}.lad__zero{text-align:right;white-space:nowrap;color:var(--ink-2);padding:0 2px 0 10px!important}.lad__zero.hi{color:var(--ink);font-weight:800}.zbar{vertical-align:middle;background:var(--bg-2);width:52px;height:8px;margin-right:8px;display:inline-block;position:relative}.di-bar,.di-bar i,.zbar,.zbar i{border-radius:2px}.zbar i{background:var(--ink-3);position:absolute;top:0;bottom:0;left:0}.lad tr.t-start>*{border-top:1px solid var(--line)}.lad tbody tr:first-child>*{border-top:0}.lad tbody tr>td{background:var(--bg-1)}.lad tr.is-sel>td{background:var(--bg-2)}.lad tbody tr{cursor:pointer}.lad tbody tr:hover>td{background:color-mix(in oklab,var(--bg-2) 60%,var(--bg-1))}.lad .short,.lad__apex .plate{display:none}@media (width<=719px){.lad col.c-tier{width:0}.lad col.c-div,.lad col.c-val{width:44px}.lad col.c-zero{width:52px}.lad__tier{padding:0!important}.lad__tier:not(.lad__apex){background:0 0}.lad__tier:not(.lad__apex)>span{display:none}.lad--you col.c-div{width:84px}.lad__div .lad__you{margin-left:4px;display:inline-flex}.lp-lad .lad__div .lad__you{margin-left:0}.lad__apex{padding-left:8px!important}.lad__apex .emb,.lad__apex .nm{display:none}.lad__apex .plate,.lad__div .plate{display:inline-flex}.lad .plate--sel:after{display:block}.lad .long,.lad__div .dv{display:none}.lad .short{display:inline}.lad button{pointer-events:none;padding:0 2px}.lad tr.is-sel .lad__apex button:before,.lad tr.is-sel .lad__div button:before{display:none}.lad__loss,.lad__win{padding:0 3px!important}.lad__zero{padding:0 0 0 4px!important}.zbar{display:none}}.di-bar{height:12px;display:block;position:relative}.di-bar i{background:var(--tier);min-width:4px;position:absolute;top:0;bottom:0;left:0}}@layer utilities;