@layer theme,base,components,utilities;@layer components{.lad{border-collapse:separate;border-spacing:0;font-size:var(--fs-2);table-layout:fixed;width:100%}.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);color:var(--ink-2);font-size:var(--fs-1);font-weight:600;height:auto;padding:0 6px 8px;text-align:left;vertical-align:bottom;white-space:nowrap}.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);font-weight:600;padding:0 6px 0 10px!important;text-align:left;vertical-align:middle}.lad__tier>span{display:grid;gap:2px;justify-items:start}.lad__tier .emb{margin-left:-4px}.lad__apex .emb{margin:-2px 0}.lad tr.apex>*{height:30px}.lad__div .plate{display:none}.lad button{background:none;border:0;color:var(--ink-2);cursor:pointer;display:block;font:inherit;font-weight:600;min-height:26px;padding:0 6px;position:relative;text-align:center;width:100%}.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{background:var(--you);border-radius:var(--r-1);content:"";top:3px;right:2px;bottom:3px;left:2px;position:absolute;z-index:-1}.lad__apex button,.lad__div button{isolation:isolate}.lad__apex button{align-items:center;color:var(--ink);display:flex;gap:6px;padding-left:0;text-align:left}.lad tr.is-sel .lad__apex button:before{top:2px;right:-4px;bottom:2px;left:-4px}.lad__loss,.lad__win{font-weight:600;padding:0 6px!important;white-space:nowrap}.lad__loss{color:var(--loss-ink);text-align:right}.lad__win{color:var(--gain-ink);text-align:left}.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{color:var(--ink-2);padding:0 2px 0 10px!important;text-align:right;white-space:nowrap}.lad__zero.hi{color:var(--ink);font-weight:800}.zbar{background:var(--bg-2);display:inline-block;height:8px;margin-right:8px;position:relative;vertical-align:middle;width:52px}.zbar,.zbar i{border-radius:2px}.zbar i{background:var(--ink-3);bottom:0;left:0;position:absolute;top: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 (max-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:none}.lad__tier:not(.lad__apex)>span{display:none}.lad__apex{padding-left:8px!important}.lad__apex .emb,.lad__apex .nm{display:none}.lad__apex .plate,.lad__div .plate{display:inline-flex}.lad .long,.lad__div .dv{display:none}.lad .short{display:inline}.lad button{padding:0 2px;pointer-events:none}.lad tr.is-sel .lad__apex button:before,.lad tr.is-sel .lad__div button:before{display:none}.lad tr.is-sel .plate{outline:2px solid var(--you);outline-offset:1px}.lad__loss,.lad__win{padding:0 3px!important}.lad__zero{padding:0 0 0 4px!important}.zbar{display:none}}.di-bar{border-radius:2px;display:block;height:12px;position:relative}.di-bar i{background:var(--tier);border-radius:2px;bottom:0;left:0;min-width:4px;position:absolute;top:0}}