.drv-chart{--drv-chart-plot: 11rem;--drv-chart-bar: .75rem;--drv-chart-col: 1.5rem;--drv-chart-ring: 6.5rem;display:grid;gap:var(--drv-space-20);margin:0;padding:var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-surface-alt);border-radius:var(--drv-radius-card);background:var(--drv-white);color:var(--drv-ink);font-size:var(--drv-fs-14);line-height:var(--drv-lh-20)}.drv-chart>*{margin:0;min-width:0}.drv-chart p{margin:0}.drv-chart__head{display:grid;gap:var(--drv-space-4)}.drv-chart__title{font-size:var(--drv-fs-18);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-24);color:var(--drv-ink)}.drv-chart__sub,.drv-chart__note{color:var(--drv-text-muted)}.drv-chart__note{font-size:var(--drv-fs-12);line-height:var(--drv-lh-16)}.drv-chart__more a{font-weight:var(--drv-fw-medium)}.drv-chart .drv-chart__data{display:block;width:100%;overflow:visible;border:0;border-collapse:collapse}.drv-chart .drv-chart__data :is(tbody,thead){display:grid;gap:var(--drv-space-14)}.drv-chart .drv-chart__data :is(th,td){padding:0;border:0;background:none;font-size:inherit;font-weight:var(--drv-fw-regular);line-height:inherit;text-align:left;vertical-align:middle;color:inherit}.drv-chart__value{font-weight:var(--drv-fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.drv-chart__sr{position:absolute;width:var(--drv-border-1);height:var(--drv-border-1);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.drv-chart__bar,.drv-chart__seg,.drv-chart__swatch{background:var(--drv-chart-1)}.drv-chart--emphasis tr:not(.is-key) .drv-chart__bar{background:var(--drv-chart-muted)}.drv-chart--bars .drv-chart__data tr{display:grid;gap:var(--drv-space-6)}.drv-chart--bars .drv-chart__data tr.is-gap{margin-top:var(--drv-space-10)}.drv-chart--bars .drv-chart__data td{position:relative;display:block;padding-right:3.75rem}.drv-chart--bars .drv-chart__value{position:absolute;top:50%;right:0;translate:0 -50%}.drv-chart--bars .drv-chart__track{display:block;height:var(--drv-chart-bar);border-radius:0 var(--drv-radius-small-3) var(--drv-radius-small-3) 0;background:var(--drv-chart-track)}.drv-chart--bars .drv-chart__track--bare{background:none}.drv-chart--bars .drv-chart__bar{display:block;height:100%;min-width:var(--drv-space-2);border-radius:0 var(--drv-radius-small-3) var(--drv-radius-small-3) 0}.drv-chart--columns .drv-chart__data tbody{display:flex;gap:var(--drv-space-8);align-items:stretch;padding-top:var(--drv-space-20)}.drv-chart--columns .drv-chart__data tr{display:flex;flex:1 1 0;flex-direction:column;gap:var(--drv-space-8);min-width:0}.drv-chart--columns .drv-chart__data td{order:-1;display:flex;align-items:flex-end;justify-content:center;height:var(--drv-chart-plot);border-bottom:var(--drv-border-1) solid var(--drv-grey)}.drv-chart--columns .drv-chart__data th{font-size:var(--drv-fs-12);line-height:var(--drv-lh-16);text-align:center;color:var(--drv-text-muted)}.drv-chart--columns .drv-chart__bar{position:relative;display:block;width:var(--drv-chart-col);min-height:var(--drv-space-2);border-radius:var(--drv-radius-small-3) var(--drv-radius-small-3) 0 0}.drv-chart--columns .drv-chart__value{position:absolute;bottom:calc(100% + var(--drv-space-4));left:50%;translate:-50% 0}.drv-chart__rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--drv-space-24)}.drv-chart__ring-item{display:grid;justify-items:center;gap:var(--drv-space-12);text-align:center}.drv-chart__ring{position:relative;display:grid;place-items:center;width:var(--drv-chart-ring);aspect-ratio:1}.drv-chart__ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;rotate:-90deg}.drv-chart__ring circle{fill:none;stroke-width:3}.drv-chart__ring-track{stroke:var(--drv-chart-ring-track)}.drv-chart__ring-fill{stroke:var(--drv-chart-1)}.drv-chart__ring-value{position:relative;font-size:var(--drv-fs-22);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-28)}.drv-chart--stat .drv-chart__ring-item{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:var(--drv-space-20);text-align:left}.drv-chart--stat .drv-chart__ring-label{font-size:var(--drv-fs-18);line-height:var(--drv-lh-24)}.drv-chart__icons{display:flex;gap:var(--drv-space-4)}.drv-chart__icons>span{flex:0 1 1.75rem;min-width:0;aspect-ratio:1 / 2;background:var(--drv-chart-ring-track);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='5' r='4.5'/%3E%3Cpath d='M4 12h12a3 3 0 0 1 3 3v11h-3.5v14h-3V29h-5v11h-3V26H1V15a3 3 0 0 1 3-3z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='5' r='4.5'/%3E%3Cpath d='M4 12h12a3 3 0 0 1 3 3v11h-3.5v14h-3V29h-5v11h-3V26H1V15a3 3 0 0 1 3-3z'/%3E%3C/svg%3E") center / contain no-repeat}.drv-chart__icons>.is-on{background:var(--drv-chart-1)}.drv-chart__stat{font-size:var(--drv-fs-18);line-height:var(--drv-lh-24)}.drv-chart__stat strong{font-weight:var(--drv-fw-medium)}.drv-chart__split{display:flex;gap:var(--drv-space-2);height:var(--drv-space-24)}.drv-chart__split .drv-chart__seg{display:block;flex:0 1 0;min-width:var(--drv-space-4)}.drv-chart__split .drv-chart__seg,.drv-chart__swatch,.drv-chart__icons>span{font-size:0;line-height:0;color:transparent}.drv-chart__split .drv-chart__seg:first-child{border-radius:var(--drv-radius-small-3) 0 0 var(--drv-radius-small-3)}.drv-chart__split .drv-chart__seg:last-child{border-radius:0 var(--drv-radius-small-3) var(--drv-radius-small-3) 0}.drv-chart__key tbody{gap:var(--drv-space-8)}.drv-chart .drv-chart__key tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--drv-space-12);align-items:baseline;padding-bottom:var(--drv-space-8);border-bottom:var(--drv-border-1) solid var(--drv-surface-alt)}.drv-chart .drv-chart__key tr:last-child{padding-bottom:0;border-bottom:0}.drv-chart .drv-chart__key td{font-weight:var(--drv-fw-medium);font-variant-numeric:tabular-nums;text-align:right}.drv-chart__swatch{display:inline-block;width:var(--drv-space-10);height:var(--drv-space-10);margin-right:var(--drv-space-8);border-radius:var(--drv-radius-small-3);vertical-align:middle}.drv-chart__legend{display:flex;flex-wrap:wrap;gap:var(--drv-space-6) var(--drv-space-16);font-size:var(--drv-fs-12);line-height:var(--drv-lh-16)}.drv-chart--stacked .drv-chart__data tbody{gap:var(--drv-space-10)}.drv-chart--stacked .drv-chart__data tr{display:flex;flex-wrap:wrap;gap:var(--drv-space-4) var(--drv-space-2)}.drv-chart--stacked .drv-chart__data th{flex:0 0 100%}.drv-chart--stacked .drv-chart__data td.drv-chart__seg{flex:0 1 0;height:var(--drv-chart-bar);min-width:var(--drv-space-2)}.drv-chart--stacked .drv-chart__data td.drv-chart__seg.is-zero{min-width:0}.drv-chart--stacked .drv-chart__data td.drv-chart__seg:nth-child(2){border-radius:var(--drv-radius-small-3) 0 0 var(--drv-radius-small-3)}.drv-chart--stacked .drv-chart__data td.drv-chart__seg:last-child{border-radius:0 var(--drv-radius-small-3) var(--drv-radius-small-3) 0}.drv-chart__axis{display:flex;justify-content:space-between;padding-top:var(--drv-space-6);border-top:var(--drv-border-1) solid var(--drv-grey);font-size:var(--drv-fs-12);line-height:var(--drv-lh-16);font-variant-numeric:tabular-nums;color:var(--drv-text-muted)}.drv-chart__plot svg{display:block;width:100%;height:auto}.drv-chart__plot path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drv-chart__plot .drv-chart__grid{stroke:var(--drv-surface-alt);stroke-width:1}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--c1,.drv-chart__plot .drv-chart--c1{background:var(--drv-chart-1);stroke:var(--drv-chart-1)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--c2,.drv-chart__plot .drv-chart--c2{background:var(--drv-chart-2);stroke:var(--drv-chart-2)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--c3,.drv-chart__plot .drv-chart--c3{background:var(--drv-chart-3);stroke:var(--drv-chart-3)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--c4,.drv-chart__plot .drv-chart--c4{background:var(--drv-chart-4);stroke:var(--drv-chart-4)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--s1{background:var(--drv-chart-step-1)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--s2{background:var(--drv-chart-step-2)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--s3{background:var(--drv-chart-step-3)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--s4{background:var(--drv-chart-step-4)}.drv-chart :is(.drv-chart__seg,.drv-chart__swatch).drv-chart--muted{background:var(--drv-chart-muted)}@media screen and (max-width:749px){.drv-chart{--drv-chart-plot: 9rem;--drv-chart-col: 1.25rem;--drv-chart-ring: 5.5rem;padding:var(--drv-space-16);border-radius:var(--drv-radius-card-mobile)}.drv-chart__title{font-size:var(--drv-fs-16);line-height:var(--drv-lh-22)}.drv-chart--columns .drv-chart__data tbody{gap:var(--drv-space-4)}.drv-chart--columns .drv-chart__value{font-size:var(--drv-fs-12)}.drv-chart--stat .drv-chart__ring-label,.drv-chart__stat{font-size:var(--drv-fs-16);line-height:var(--drv-lh-22)}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-article-charts.css.map */