.wdl-bar{--wdl-win:var(--piece-white,#f2ead6);--wdl-loss:var(--piece-black,#26343d);--wdl-draw:color-mix(in srgb,var(--piece-white,#f2ead6) 50%,var(--piece-black,#26343d));display:block;min-width:0;height:14px}.wdl-bar[data-side="b"]{--wdl-win:var(--piece-black,#26343d);--wdl-loss:var(--piece-white,#f2ead6)}.wdl-track{display:flex;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:1px solid var(--border);border-radius:3px}.wdl-track>[data-wdl]{position:relative;container-type:inline-size;flex-grow:0;flex-shrink:0;min-width:0;overflow:hidden}.wdl-track [data-wdl="win"]{background:var(--wdl-win);color:var(--piece-black)}.wdl-track [data-wdl="draw"]{background:var(--wdl-draw);color:#fff;text-shadow:0 1px 2px #000c}.wdl-track [data-wdl="loss"]{background:var(--wdl-loss);color:var(--piece-white)}.wdl-bar[data-side="b"] [data-wdl="win"]{color:var(--piece-white)}.wdl-bar[data-side="b"] [data-wdl="loss"]{color:var(--piece-black)}.wdl-percent{position:absolute;inset:0;display:none;align-items:center;justify-content:center;white-space:nowrap;font:600 10px/1 var(--sans-font);font-variant-numeric:tabular-nums}@container(min-width:30px){.wdl-percent{display:flex}}.wdl-bar.is-unknown{opacity:.45}.wdl-bar.is-probability [data-wdl="win"]{background:var(--link);color:var(--bg)}.wdl-bar.is-probability [data-wdl="loss"]{background:var(--hover)}