.damage-breakdown.svelte-8o4jg{width:100%}.bars.svelte-8o4jg{display:flex;gap:.25rem;width:100%}.bar.svelte-8o4jg{--color: var(--shade5);display:block;width:calc(var(--width) * 100%);padding:.25rem .5rem;color:var(--color);border-radius:var(--br-lg);background:color-mix(in hsl,var(--color),transparent 90%);border:1px solid color-mix(in hsl,var(--color),transparent 75%);overflow:clip;&.physical{--color: var(--ad)}&.magic{--color: var(--ap)}&.true{--color: var(--true)}}