@layer components{.c-tornado-chart{--grid-gap:20px;--grid-row-height:20px;--chart-border-color:#c7c7c7;display:grid;gap:10px;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto}.c-tornado-chart__title{color:var(--brand-black);font-family:var(--headings-font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-black);grid-column:1/span 2;line-height:1.4;padding-bottom:10px;text-align:center}:where(.c-tornado-chart__labels,.c-tornado-chart__chart){display:grid;gap:var(--grid-gap);grid-template-columns:1fr}:where(.c-tornado-chart__labels,.c-tornado-chart__chart) li{height:var(--grid-row-height)}.c-tornado-chart__labels{color:var(--brand-black);font-family:var(--headings-font-family);font-size:16px;font-weight:var(--font-weight-extra-bold);grid-column:1;grid-row:2;line-height:1}.c-tornado-chart__labels li [data-tooltip-title]{color:var(--brand-purple);font-size:80%;margin-left:4px;margin-top:-4px}.c-tornado-chart__chart{background:linear-gradient(to left,var(--chart-border-color) 0,var(--chart-border-color) 1px,#fff 1px,#fff 2px);background-position-x:.5px;background-size:calc(100%/(var(--legend-ticks)*2)) 100%;border-bottom:1px solid var(--chart-border-color);border-left:1px solid var(--chart-border-color);border-right:1px solid var(--chart-border-color);grid-column:2;grid-row:2;position:relative}.c-tornado-chart__chart:before{background-color:var(--chart-border-color);content:"";inset:0 auto 0 50%;position:absolute;transform:translateX(calc(-50% - .5px));width:1px;z-index:1}.c-tornado-chart__chart li{position:relative}.c-tornado-chart__chart li:after,.c-tornado-chart__chart li:before{bottom:0;content:"";position:absolute;top:0;transition:width .5s ease}.c-tornado-chart__chart li:before{background-color:var(--brand-indigo);border-radius:5px 0 0 5px;right:50%;width:calc(var(--min-percent, 0%)*.5)}.c-tornado-chart__chart li:after{background-color:var(--brand-pink);border-radius:0 5px 5px 0;left:50%;width:calc(var(--max-percent, 0%)*.5)}.c-tornado-chart__legend{display:flex;gap:10px;grid-column:2;grid-row:3;justify-content:space-between}.c-tornado-chart__legend li{text-align:center;width:4ch}.c-tornado-chart__x-axis-label{color:var(--brand-black-80);font-size:20px;font-weight:var(--font-weight-semi-bold);grid-column:2;grid-row:4;line-height:1.2;text-align:center}@media (max-width:1000px){.c-tornado-chart{--grid-gap:20px;--grid-row-height:60px}.c-tornado-chart__labels{grid-column:2;grid-row:2;text-align:center;z-index:2}.c-tornado-chart__labels li{background-color:#fff;height:15px;margin:0 auto auto;padding:0 10px;position:relative;z-index:4}.c-tornado-chart__chart li{position:relative}.c-tornado-chart__chart li:after,.c-tornado-chart__chart li:before{top:25px}.c-tornado-chart__chart li:before{border-radius:8px 0 0 8px}.c-tornado-chart__chart li:after{border-radius:0 8px 8px 0}.c-tornado-chart__legend{font-size:12px}.c-tornado-chart__legend li{width:3ch}}}