.quality-charts{display:grid;gap:22px;margin:32px 0 42px}.quality-chart{margin:0;background:#1a222b;color:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(18,24,32,.12)}.quality-chart figcaption{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:16px}.quality-chart figcaption strong{font-size:19px}.quality-chart figcaption span{font-size:13px;color:#b9c2ca}.quality-chart svg{display:block;width:100%;height:auto;border-radius:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:15px;font-size:13px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend span:before{content:"";width:20px;height:4px;border-radius:3px;background:currentColor}.chart-legend .red{color:#ff5b63}.chart-legend .white{color:#fff}.chart-legend .orange{color:#ff9b27}.stability-chart{padding-bottom:24px}.bar-row{display:grid;grid-template-columns:150px 1fr 62px;gap:12px;align-items:center;margin:18px 0;font-size:14px}.bar-row i{height:13px;background:#343e49;border-radius:20px;overflow:hidden}.bar-row b{display:block;height:100%;background:linear-gradient(90deg,#ffc800,#ffe070);border-radius:inherit}.bar-row em{font-style:normal;color:#dfe3e6;text-align:right}.quality-chart .chart-note{margin:20px 0 0;color:#aeb8c1;font-size:13px;line-height:1.45}@media(max-width:560px){.quality-chart figcaption{display:block}.quality-chart figcaption span{display:block;margin-top:5px}.bar-row{grid-template-columns:1fr 54px}.bar-row i{grid-column:1/-1;grid-row:2}.bar-row em{grid-column:2;grid-row:1}.chart-legend{display:grid}}