.card.svelte-q37a7l{position:relative;display:grid;grid-template:"m a a b" .6fr "m c c b" .4fr/.4fr .35fr .35fr .2fr;width:100%;height:80px;margin:.5em 0;border:1px solid rgb(102,102,102);color:#fff;background:url(../../../images/ryu-sf3ts/slice.png) center left no-repeat,linear-gradient(to right,#0a0a0a,90%,silver);background-size:contain,auto;text-decoration:none}.card.svelte-q37a7l:hover{outline:1px solid rgb(102,102,102);-webkit-backdrop-filter:brightness(110%);backdrop-filter:brightness(150%)}.area-title.svelte-q37a7l{grid-area:a;display:flex;align-items:center}.area-title.svelte-q37a7l h3:where(.svelte-q37a7l){width:100%;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.area-damage.svelte-q37a7l{grid-area:b;display:flex;justify-content:center;align-items:center}.area-damage.svelte-q37a7l .dmg-info:where(.svelte-q37a7l) p:where(.svelte-q37a7l){width:max-content;margin:0 auto;font-size:.7em}.area-damage.svelte-q37a7l .dmg-info:where(.svelte-q37a7l) h3:where(.svelte-q37a7l){width:max-content;margin:-.25em auto;font-size:2.5em}.area-info.svelte-q37a7l{grid-area:c;display:flex;flex-direction:row;gap:1ch}