.comparison.svelte-lf95re{cursor:pointer;.graph:where(.svelte-lf95re){display:flex}.col:where(.svelte-lf95re){flex:1;display:flex;flex-direction:column-reverse;>div:where(.svelte-lf95re) .explanation:where(.svelte-lf95re){visibility:hidden;max-height:0;font-size:1rem;padding:0;transition:visibility .5s,max-height .5s linear,padding .5s linear;overflow:hidden}>div:where(.svelte-lf95re):hover .explanation:where(.svelte-lf95re){visibility:visible;max-height:400px;padding:1rem 0;transition:visibility 0s,max-height .5s linear,padding .5s linear}>div:where(.svelte-lf95re){padding:1rem;border:1px solid rgba(0,0,0,1)}.severity-2:where(.svelte-lf95re){padding-block:2rem}.severity-3:where(.svelte-lf95re){padding-block:4rem}}.cost:where(.svelte-lf95re){background:#eea935}.security:where(.svelte-lf95re){background:#e03636}.convenience:where(.svelte-lf95re){background:#444}}.legend.svelte-lf95re{padding:2rem 0;.cost:where(.svelte-lf95re),.security:where(.svelte-lf95re),.convenience:where(.svelte-lf95re){padding:.6rem;display:inline-block;display:inline flow-root;vertical-align:middle}}.labels.svelte-lf95re{display:flex;font-weight:700;.col:where(.svelte-lf95re){padding:1rem}}