charts.css

button[role=switch]{background-color:rgba(0,0,205,.1);border-radius:1.375rem!important;box-shadow:none!important;box-sizing:content-box;color:#444;font-size:1rem;height:2.75rem;line-height:2.75rem;margin-left:2rem;padding:0 3rem;position:relative;transition:all .3s cubic-bezier(0,.5,.5,1);width:4.75rem;will-change:background-color}button[role=switch]:before{background:#fff;border-radius:1.375rem;content:"";height:2.375rem;left:.25rem;position:absolute;top:.25rem;-webkit-transform:none;transform:none;transition:-webkit-transform .3s cubic-bezier(0,.5,.5,1) 0s;transition:transform .3s cubic-bezier(0,.5,.5,1) 0s;transition:transform .3s cubic-bezier(0,.5,.5,1) 0s,-webkit-transform .3s cubic-bezier(0,.5,.5,1) 0s;width:2.375rem;will-change:transform}button[role=switch]:active,button[role=switch]:focus,button[role=switch]:hover{background-color:rgba(0,0,205,.075);color:#000;outline-color:transparent;top:0}button[role=switch][aria-checked=true]{background-color:rgba(152,251,152,.3)}button[role=switch][aria-checked=true]:before{background:#01ac49;-webkit-transform:translateX(7.875rem);transform:translateX(7.875rem)}button[role=switch]>:first-child,button[role=switch][aria-checked=true]>:last-child{display:none}button[role=switch][aria-checked=true]>:first-child{display:block}@media screen and (-ms-high-contrast:active){button[role=switch]{background-color:buttonFace;border:1px solid!important;color:buttonText}button[role=switch]>span{background-color:inherit}button[role=switch]:before{background:currentColor}@supports(--css:var(--iables )){button[role=switch] button[role=switch][aria-checked=true]{background-color:highlight;color:highlightText}}}.pl-5{padding-left:5rem}.fieldset{align-items:center;display:flex;justify-content:center}.illustration[role=group]{margin:3rem auto;max-width:-webkit-min-content;max-width:min-content}.illustration[role=group] img{max-width:none}body>:not(.modeplan) .slide{overflow-x:hidden!important}body>:not(.modeplan) .slide[id=white-slide]{background:#fff}table{font-size:1rem;margin:auto}pre[class*=language-]{overflow-y:hidden}pre code[class*=language-]{font-size:.875rem}@media screen and (min-width:48em){pre code[class*=language-]{font-size:1.25rem}}.table-ffoodd{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";background:#fff;border-collapse:collapse;caption-side:top;vertical-align:top;width:100%}.table-ffoodd>caption:first-child{font-style:italic;margin:0;padding:2.5rem 1rem}.table-ffoodd td,.table-ffoodd th{padding:.5rem .75rem;text-align:left}tbody .table-ffoodd td,tbody .table-ffoodd th,thead .table-ffoodd td,thead .table-ffoodd th{border-bottom:1px solid #f5f5f5}.table-ffoodd table strong,.table-ffoodd th{color:#000}.table-ffoodd td{line-height:1.25;max-width:100%}.table-ffoodd tbody{border:1px solid #f5f5f5}[class*=charts] [role=presentation]{display:none}[class*=charts] abbr[title]{border-bottom:0;font-size:small;font-weight:400;text-transform:none}.table-container .fieldset{display:none!important}.table-charts{--checkers:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23ffffff99' fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/svg%3E");--hexagons:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 28 49'%3E%3Cpath fill='%23ffffff99' fill-rule='nonzero' d='m13.99 9.25 13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E");--triangles:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 36 72'%3E%3Cpath fill='%23ffffff99' fill-rule='evenodd' d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/svg%3E");--zig:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12'%3E%3Cpath fill='%23ffffff99' fill-rule='evenodd' d='M9.8 12 0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/svg%3E");--stripes:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%23ffffff99' fill-rule='evenodd' d='M5 0h1L0 6V5zm1 5v1H5z'/%3E%3C/svg%3E");--dots:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'%3E%3Cg fill='%23ffffff99' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");caption-side:bottom;empty-cells:hide;margin:1.5em auto;overflow:hidden;padding:1em}.table-charts>caption:first-child{background:inherit;font-style:normal;padding:1rem 0}table:not(.table-charts) .sr-only{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;overflow:visible!important;position:static!important;white-space:normal!important;width:auto!important}@media screen and (min-width:30em){.table-charts{border-collapse:separate;border-spacing:0;contain:content}.table-charts td,.table-charts th{border:0;padding:0}.table-charts td:empty,.table-charts th:empty{display:none!important}@supports(grid-template-columns:repeat(var(--scale,100),minmax(0,1fr))){.table-charts.bar.step-1 caption{text-align:initial;text-indent:16em}.table-charts.bar.step-1 tbody tr{grid-row-gap:.5rem;display:grid;grid-auto-rows:1fr;grid-template-columns:minmax(-webkit-min-content,15em) repeat(var(--scale,100),minmax(0,1fr)) 10ch;grid-template-columns:minmax(min-content,15em) repeat(var(--scale,100),minmax(0,1fr)) 10ch;transition:opacity .2s cubic-bezier(.5,0,.5,1)}.table-charts.bar.step-1 tbody tr th{grid-column:1/1;margin:.5rem 0 0;padding:0 1rem 0 0;text-align:right}.table-charts.bar.step-1 tbody tr td{background:currentColor;grid-column:2/var(--value,0);margin:.5rem 0 0;position:relative}.table-charts.bar.step-2 tbody tr td span{-webkit-text-fill-color:transparent;background:inherit;-webkit-background-clip:text;font-weight:700;left:100%;line-height:1.5;position:absolute}.table-charts.bar.step-3 tbody tr td{--size:calc(var(--scale, 100)*100%);--position:calc(var(--value, 0)/var(--scale, 100)*100%);background:linear-gradient(to right,#01ac49,#444,#0000cd,#639,crimson) var(--position) 0/var(--size) 100%,transparent var(--background) center/contain;background-blend-mode:hard-light}.table-charts.bar.step-3 tbody tr:nth-child(1n+1){--background:var(--checkers)}.table-charts.bar.step-3 tbody tr:nth-child(2n+2){--background:var(--hexagons)}.table-charts.bar.step-3 tbody tr:nth-child(3n+3){--background:var(--triangles)}.table-charts.bar.step-3 tbody tr:nth-child(4n+4){--background:var(--zig)}.table-charts.bar.step-3 tbody tr:nth-child(5n+5){--background:var(--stripes)}.table-charts.bar.step-3 tbody tr:nth-child(6n+6){--background:var(--dots)}.table-charts.bar.step-4:hover tr{opacity:.5}.table-charts.bar.step-4:hover tr:hover{opacity:1}@media screen and (min-width:30em)and (-ms-high-contrast:active){.table-charts.bar.step-4 td{background-image:linear-gradient(to right,Window,ButtonFace,ButtonShadow,ButtonText,highlight),var(--background)}}.table-charts.bar.step-4.waterfall tr:first-of-type td{grid-column:var(--0,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(2) td{grid-column:var(--1,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(3) td{grid-column:var(--2,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(4) td{grid-column:var(--3,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(5) td{grid-column:var(--4,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(6) td{grid-column:var(--5,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(7) td{grid-column:var(--6,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(8) td{grid-column:var(--7,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(9) td{grid-column:var(--8,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(10) td{grid-column:var(--9,2)/var(--value,0)}.table-charts.bar.step-4.waterfall tr:nth-of-type(11) td{grid-column:var(--10,2)/var(--value,0)}}@supports((-webkit-clip-path:polygon(0% calc(100% - var(--1 ) * 100% / var(--y )))) or (clip-path:polygon(0% calc(100% - var(--1 ) * 100% / var(--y ))))){.table-charts.line{--offset:calc((100%/var(--x))/2);--height:calc(32em - 2rem);--bottom:calc(100% - var(--height));position:relative;transition:background .3s cubic-bezier(.5,0,.5,1),color .3s cubic-bezier(.5,0,.5,1)}.table-charts.line:after{bottom:var(--bottom);top:0;width:100%;z-index:1}.table-charts.line tr:before,.table-charts.line:after{content:"";position:absolute}.table-charts.line [scope=row],.table-charts.line thead th:first-child{color:var(--color,currentColor);text-align:left}.table-charts.line td,.table-charts.line th{background:#fff;font-weight:700;text-align:center;width:calc(100%/var(--x))}.table-charts.line td:hover,.table-charts.line th:hover{color:#0000cd}.table-charts.line.step-1{padding:var(--height) 0 1rem}.table-charts.line.step-1:after{--scale:calc((100% - var(--y)*1px)/var(--y));background:repeating-linear-gradient(to bottom,#fff,#fff var(--scale),rgba(0,0,0,.25) calc(var(--scale) + 1px));bottom:var(--bottom);content:"";position:absolute;top:0;width:100%;z-index:1}.table-charts.line.step-2 [style]:before{background:linear-gradient(0deg,#00bfff,crimson 75%);bottom:var(--bottom);-webkit-clip-path:polygon(0 100%,calc(100%/var(--x)*1) 100%,calc(100%/var(--x)*1) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*1 + var(--offset)) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% - var(--2)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% - var(--3)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% - var(--4)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% - var(--5)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% - var(--6)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% - var(--7)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% - var(--8)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% - var(--9)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% - var(--10)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% - var(--11)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),100% calc(100% - var(--12)/var(--y)*100%),100% 100%,0 100%);clip-path:polygon(0 100%,calc(100%/var(--x)*1) 100%,calc(100%/var(--x)*1) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*1 + var(--offset)) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% - var(--2)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% - var(--3)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% - var(--4)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% - var(--5)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% - var(--6)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% - var(--7)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% - var(--8)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% - var(--9)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% - var(--10)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% - var(--11)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),100% calc(100% - var(--12)/var(--y)*100%),100% 100%,0 100%);content:"";position:absolute;top:0;width:100%;z-index:2}.table-charts.line.step-2 [scope=col]:not(:first-child):after{background-blend-mode:exclusion;background-color:#fff;background-image:var(--stripes);bottom:4rem;content:"";height:calc(100% - 4rem);mix-blend-mode:soft-light;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.5,0,.5,1);width:inherit;z-index:3}.table-charts.line.step-2 [scope=col]:nth-child(2):after{left:calc(100%/var(--x)*1)}.table-charts.line.step-2 [scope=col]:nth-child(3):after{left:calc(100%/var(--x)*2)}.table-charts.line.step-2 [scope=col]:nth-child(4):after{left:calc(100%/var(--x)*3)}.table-charts.line.step-2 [scope=col]:nth-child(5):after{left:calc(100%/var(--x)*4)}.table-charts.line.step-2 [scope=col]:nth-child(6):after{left:calc(100%/var(--x)*5)}.table-charts.line.step-2 [scope=col]:nth-child(7):after{left:calc(100%/var(--x)*6)}.table-charts.line.step-2 [scope=col]:nth-child(8):after{left:calc(100%/var(--x)*7)}.table-charts.line.step-2 [scope=col]:nth-child(9):after{left:calc(100%/var(--x)*8)}.table-charts.line.step-2 [scope=col]:nth-child(10):after{left:calc(100%/var(--x)*9)}.table-charts.line.step-2 [scope=col]:nth-child(11):after{left:calc(100%/var(--x)*10)}.table-charts.line.step-2 [scope=col]:nth-child(12):after{left:calc(100%/var(--x)*11)}.table-charts.line.step-2 [scope=col]:nth-child(13):after{left:calc(100%/var(--x)*12)}.table-charts.line.step-2 [scope=col]:hover:after{opacity:.75}.table-charts.line.step-3 td{--value:var(--1);--term:var(--t-1);--top:(var(--height) - (var(--value)/var(--y)*100%));line-height:1.5}.table-charts.line.step-3 td:before{content:"";height:1.5rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:inherit;z-index:10}.table-charts.line.step-3 td:after{--arrow:calc(100% - 0.25rem);background-color:#444;-webkit-clip-path:polygon(0 0,100% 0,100% var(--arrow),calc(50% - .25rem) var(--arrow),50% 100%,calc(50% + .25rem) var(--arrow),0 var(--arrow));clip-path:polygon(0 0,100% 0,100% var(--arrow),calc(50% - .25rem) var(--arrow),50% 100%,calc(50% + .25rem) var(--arrow),0 var(--arrow));color:#fff;content:var(--term) " " var(--year) "\a" counter(value) " °C";counter-reset:value var(--value);left:calc(var(--offset)*3);opacity:0;padding:.5rem;pointer-events:none;position:absolute;top:var(--top,100);-webkit-transform:translate3d(-50%,-125%,0) perspective(1000px) rotateX(45deg);transform:translate3d(-50%,-125%,0) perspective(1000px) rotateX(45deg);-webkit-transform-origin:50% calc(100% + 10px);transform-origin:50% calc(100% + 10px);transition:opacity .2s cubic-bezier(0,.5,.5,1),-webkit-transform .2s cubic-bezier(0,.5,.5,1);transition:opacity .2s cubic-bezier(0,.5,.5,1),transform .2s cubic-bezier(0,.5,.5,1);transition:opacity .2s cubic-bezier(0,.5,.5,1),transform .2s cubic-bezier(0,.5,.5,1),-webkit-transform .2s cubic-bezier(0,.5,.5,1);white-space:pre;will-change:opacity,transform;z-index:5}.table-charts.line.step-3 td:nth-child(2):after{--value:var(--1);--term:var(--t-1);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*1 + var(--offset))}.table-charts.line.step-3 td:nth-child(3):after{--value:var(--2);--term:var(--t-2);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*2 + var(--offset))}.table-charts.line.step-3 td:nth-child(4):after{--value:var(--3);--term:var(--t-3);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*3 + var(--offset))}.table-charts.line.step-3 td:nth-child(5):after{--value:var(--4);--term:var(--t-4);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*4 + var(--offset))}.table-charts.line.step-3 td:nth-child(6):after{--value:var(--5);--term:var(--t-5);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*5 + var(--offset))}.table-charts.line.step-3 td:nth-child(7):after{--value:var(--6);--term:var(--t-6);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*6 + var(--offset))}.table-charts.line.step-3 td:nth-child(8):after{--value:var(--7);--term:var(--t-7);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*7 + var(--offset))}.table-charts.line.step-3 td:nth-child(9):after{--value:var(--8);--term:var(--t-8);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*8 + var(--offset))}.table-charts.line.step-3 td:nth-child(10):after{--value:var(--9);--term:var(--t-9);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*9 + var(--offset))}.table-charts.line.step-3 td:nth-child(11):after{--value:var(--10);--term:var(--t-10);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*10 + var(--offset))}.table-charts.line.step-3 td:nth-child(12):after{--value:var(--11);--term:var(--t-11);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*11 + var(--offset))}.table-charts.line.step-3 td:nth-child(13):after{--value:var(--12);--term:var(--t-12);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*12 + var(--offset))}.table-charts.line.step-3 td:hover:after{opacity:1;-webkit-transform:translate3d(-50%,-125%,0) perspective(1000px) rotateX(0deg);transform:translate3d(-50%,-125%,0) perspective(1000px) rotateX(0deg);transition:opacity .2s cubic-bezier(.5,0,1,.5),-webkit-transform .2s cubic-bezier(.5,0,1,.5);transition:opacity .2s cubic-bezier(.5,0,1,.5),transform .2s cubic-bezier(.5,0,1,.5);transition:opacity .2s cubic-bezier(.5,0,1,.5),transform .2s cubic-bezier(.5,0,1,.5),-webkit-transform .2s cubic-bezier(.5,0,1,.5)}.table-charts.line.points [style]:before{background:var(--color,currentColor) var(--background);-webkit-clip-path:polygon(calc(100%/var(--x)*1 + var(--offset)) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% - var(--2)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% - var(--3)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% - var(--4)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% - var(--5)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% - var(--6)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% - var(--7)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% - var(--8)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% - var(--9)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% - var(--10)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% - var(--11)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),calc(100%/var(--x)*13 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),100% calc(100% - var(--12)/var(--y)*100%),100% calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*13 + var(--offset)) calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% + .25rem - var(--11)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% + .25rem - var(--10)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% + .25rem - var(--9)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% + .25rem - var(--8)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% + .25rem - var(--7)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% + .25rem - var(--6)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% + .25rem - var(--5)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% + .25rem - var(--4)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% + .25rem - var(--3)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% + .25rem - var(--2)/var(--y)*100%),calc(100%/var(--x)*1 + var(--offset)) calc(100% + .25rem - var(--1)/var(--y)*100%));clip-path:polygon(calc(100%/var(--x)*1 + var(--offset)) calc(100% - var(--1)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% - var(--2)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% - var(--3)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% - var(--4)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% - var(--5)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% - var(--6)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% - var(--7)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% - var(--8)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% - var(--9)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% - var(--10)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% - var(--11)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),calc(100%/var(--x)*13 + var(--offset)) calc(100% - var(--12)/var(--y)*100%),100% calc(100% - var(--12)/var(--y)*100%),100% calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*13 + var(--offset)) calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*12 + var(--offset)) calc(100% + .25rem - var(--12)/var(--y)*100%),calc(100%/var(--x)*11 + var(--offset)) calc(100% + .25rem - var(--11)/var(--y)*100%),calc(100%/var(--x)*10 + var(--offset)) calc(100% + .25rem - var(--10)/var(--y)*100%),calc(100%/var(--x)*9 + var(--offset)) calc(100% + .25rem - var(--9)/var(--y)*100%),calc(100%/var(--x)*8 + var(--offset)) calc(100% + .25rem - var(--8)/var(--y)*100%),calc(100%/var(--x)*7 + var(--offset)) calc(100% + .25rem - var(--7)/var(--y)*100%),calc(100%/var(--x)*6 + var(--offset)) calc(100% + .25rem - var(--6)/var(--y)*100%),calc(100%/var(--x)*5 + var(--offset)) calc(100% + .25rem - var(--5)/var(--y)*100%),calc(100%/var(--x)*4 + var(--offset)) calc(100% + .25rem - var(--4)/var(--y)*100%),calc(100%/var(--x)*3 + var(--offset)) calc(100% + .25rem - var(--3)/var(--y)*100%),calc(100%/var(--x)*2 + var(--offset)) calc(100% + .25rem - var(--2)/var(--y)*100%),calc(100%/var(--x)*1 + var(--offset)) calc(100% + .25rem - var(--1)/var(--y)*100%));transition:opacity .3s cubic-bezier(.5,0,.5,1)}.table-charts.line.points [style] th:before{background:var(--color,currentColor) var(--background);content:"";display:inline-block;height:1rem;-webkit-transform:translate3d(-.2rem,.1rem,0);transform:translate3d(-.2rem,.1rem,0);width:1rem}.table-charts.line.points [style] td{--top:(var(--height) - (var(--value)/var(--y)*var(--height)))}.table-charts.line.points [style] td:before{--size:1rem;background:var(--color,currentColor) var(--background);border:2px solid #fff;border-radius:50%;box-shadow:0 0 .25rem rgba(0,0,0,.5);content:"";height:var(--size);left:calc(var(--offset)*3);position:absolute;top:var(--top,100);-webkit-transform:translate3d(calc(var(--size)/-2),calc(var(--size)/-2),0);transform:translate3d(calc(var(--size)/-2),calc(var(--size)/-2),0);transition:opacity .3s cubic-bezier(.5,0,.5,1),-webkit-transform .3s cubic-bezier(.5,0,.5,1);transition:opacity .3s cubic-bezier(.5,0,.5,1),transform .3s cubic-bezier(.5,0,.5,1);transition:opacity .3s cubic-bezier(.5,0,.5,1),transform .3s cubic-bezier(.5,0,.5,1),-webkit-transform .3s cubic-bezier(.5,0,.5,1);width:var(--size);z-index:4}.table-charts.line.points [style] td:nth-of-type(2):before{--value:var(--2);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*2 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(3):before{--value:var(--3);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*3 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(4):before{--value:var(--4);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*4 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(5):before{--value:var(--5);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*5 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(6):before{--value:var(--6);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*6 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(7):before{--value:var(--7);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*7 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(8):before{--value:var(--8);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*8 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(9):before{--value:var(--9);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*9 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(10):before{--value:var(--10);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*10 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(11):before{--value:var(--11);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*11 + var(--offset))}.table-charts.line.points [style] td:nth-of-type(12):before{--value:var(--12);--top:(var(--height) - (var(--value)/var(--y)*var(--height)));left:calc(100%/var(--x)*12 + var(--offset))}.table-charts.line.points [style]:nth-child(1n+1){--background:var(--checkers)}.table-charts.line.points [style]:nth-child(2n+2){--background:var(--hexagons)}.table-charts.line.points [style]:nth-child(3n+3){--background:var(--triangles)}.table-charts.line.points [style]:nth-child(4n+4){--background:var(--zig)}.table-charts.line.points [style]:nth-child(5n+5){--background:var(--stripes)}.table-charts.line.points [style]:nth-child(6n+6){--background:var(--dots)}.table-charts.line.points tbody:hover [style] td:before,.table-charts.line.points tbody:hover [style]:before{opacity:.25}.table-charts.line.points tbody:hover [style]:hover td:before,.table-charts.line.points tbody:hover [style]:hover:before{opacity:1}.table-charts.line.points tbody:hover [style]:hover td:before{-webkit-transform:translate3d(calc(var(--size)/-2),calc(var(--size)/-2),0) scale(1.25);transform:translate3d(calc(var(--size)/-2),calc(var(--size)/-2),0) scale(1.25)}.table-charts.line.points [scope=col]:not(:first-child):after{mix-blend-mode:multiply}.table-charts.line.points [scope=col]:not(:first-child):hover:after{opacity:.5}@media screen and (min-width:30em)and (-ms-high-contrast:active){.table-charts.line.line [style]:before{background:linear-gradient(0deg,ButtonHighlight,Highlight 75%)}}}@supports((-webkit-clip-path:polygon(0% 0%,calc(100% - var(--1 ) * 100% / var(--scale )) 100%,100% 100%)) or (clip-path:polygon(0% 0%,calc(100% - var(--1 ) * 100% / var(--scale )) 100%,100% 100%))){.table-charts .radar-container .fieldset{display:flex!important}.table-charts.radar{--radius:10rem;--unitless-radius:12.8;--size:calc(var(--radius)/var(--scale));--part:calc(360deg/var(--items));background-image:repeating-radial-gradient(circle at 50%,rgba(0,0,0,.2),rgba(0,0,0,.2) 2px,transparent 0,transparent calc(var(--size)*var(--step))),repeating-radial-gradient(circle at 50%,rgba(0,0,0,.1),rgba(0,0,0,.1) 2px,transparent 0,transparent var(--size));border:2px solid;border-radius:50%;contain:layout;counter-reset:scale var(--scale);height:calc(var(--radius)*2);margin:auto;overflow:visible;position:relative;width:calc(var(--radius)*2)}.table-charts.radar caption{background:none;bottom:-10rem;position:absolute}.table-charts.radar.step-1 [scope=col]{--away:calc(var(--radius)*-1 - 50%);left:50%;margin:0;padding:0 1rem;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(calc(var(--part)*var(--index, 1))) translate(var(--away)) rotate(calc(var(--part)*var(--index, 1)*-1));transform:translate3d(-50%,-50%,0) rotate(calc(var(--part)*var(--index, 1))) translate(var(--away)) rotate(calc(var(--part)*var(--index, 1)*-1))}.table-charts.radar.step-1 [scope=col]:first-of-type,.table-charts.radar.step-1 td:first-of-type{--index:1}.table-charts.radar.step-1 [scope=col]:nth-of-type(2),.table-charts.radar.step-1 td:nth-of-type(2){--index:2}.table-charts.radar.step-1 [scope=col]:nth-of-type(3),.table-charts.radar.step-1 td:nth-of-type(3){--index:3}.table-charts.radar.step-1 [scope=col]:nth-of-type(4),.table-charts.radar.step-1 td:nth-of-type(4){--index:4}.table-charts.radar.step-1 [scope=col]:nth-of-type(5),.table-charts.radar.step-1 td:nth-of-type(5){--index:5}.table-charts.radar.step-1 [scope=col]:nth-of-type(6),.table-charts.radar.step-1 td:nth-of-type(6){--index:6}.table-charts.radar.step-1 [scope=col]:nth-of-type(7),.table-charts.radar.step-1 td:nth-of-type(7){--index:7}.table-charts.radar.step-1 [scope=col]:after{color:#639;display:block;font-size:small;font-weight:400}.table-charts.radar.step-1 [scope=col]:first-child:after{content:counter(value) " / " counter(scale);counter-reset:value var(--1)}.table-charts.radar.step-1 [scope=col]:nth-child(2):after{content:counter(value) " / " counter(scale);counter-reset:value var(--2)}.table-charts.radar.step-1 [scope=col]:nth-child(3):after{content:counter(value) " / " counter(scale);counter-reset:value var(--3)}.table-charts.radar.step-1 [scope=col]:nth-child(4):after{content:counter(value) " / " counter(scale);counter-reset:value var(--4)}.table-charts.radar.step-1 [scope=col]:nth-child(5):after{content:counter(value) " / " counter(scale);counter-reset:value var(--5)}.table-charts.radar.step-1 [scope=col]:nth-child(6):after{content:counter(value) " / " counter(scale);counter-reset:value var(--6)}.table-charts.radar.step-1 [scope=col]:nth-child(7):after{content:counter(value) " / " counter(scale);counter-reset:value var(--7)}.table-charts.radar.step-2 td{--skew:calc(90deg - var(--part));border-bottom:1px solid #8a2be2;height:50%;left:0;margin:0;position:absolute;top:0;width:50%}.table-charts.radar.step-2 td:first-of-type span{--pos:calc(100% - var(--2)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--1)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--1)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(2) span{--pos:calc(100% - var(--3)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--2)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--2)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(3) span{--pos:calc(100% - var(--4)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--3)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--3)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(4) span{--pos:calc(100% - var(--5)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--4)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--4)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(5) span{--pos:calc(100% - var(--6)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--5)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--5)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(6) span{--pos:calc(100% - var(--7)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--6)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--6)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:nth-of-type(7) span{--pos:calc(100% - var(--8)*100%/(var(--scale)*var(--ratio)));-webkit-clip-path:polygon(100% var(--pos),calc(100% - var(--7)*100%/var(--scale)) 100%,100% 100%);clip-path:polygon(100% var(--pos),calc(100% - var(--7)*100%/var(--scale)) 100%,100% 100%)}.table-charts.radar.step-2 td:after,.table-charts.radar.step-2 td:before{display:none}.table-charts.radar.step-2 span{--ratio:1;background:linear-gradient(to top left,#8a2be2 10%,#00008b 75%);-webkit-filter:drop-shadow(0 0 1rem indigo);filter:drop-shadow(0 0 1rem indigo);height:100%;position:absolute;width:100%}.table-charts.radar.step-3 td{-webkit-transform:rotate(calc(var(--part)*var(--index, 1))) skew(var(--skew));transform:rotate(calc(var(--part)*var(--index, 1))) skew(var(--skew));-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.table-charts.radar.step-4 span{--opposite:calc(360/var(--items));--angle:calc(var(--opposite)*0.01745);--sin-term-angle-1:var(--angle);--sin-term-angle-2:calc((var(--angle)*var(--angle)*var(--angle))/6);--sin-term-angle-3:calc((var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle))/120);--sin-term-angle-4:calc((var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle))/5040);--sin-term-angle-5:calc((var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle)*var(--angle))/362880);--sin-angle:calc(var(--sin-term-angle-1) - var(--sin-term-angle-2) + var(--sin-term-angle-3) - var(--sin-term-angle-4) + var(--sin-term-angle-5));--hypo:calc(var(--unitless-radius)/var(--sin-angle));--ratio:calc(var(--hypo)/var(--unitless-radius));transition:-webkit-clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out,-webkit-clip-path .5s ease-in-out;will-change:clip-path}.table-charts.radar.radar-multiple{margin-bottom:12rem}.table-charts.radar.radar-multiple [scope=col]:after{display:none}.table-charts.radar.radar-multiple tbody{-webkit-columns:var(--areas);-moz-columns:var(--areas);columns:var(--areas);vertical-align:bottom}.table-charts.radar.radar-multiple [scope=row]{bottom:-8rem;height:2rem;left:1rem;position:absolute}.table-charts.radar.radar-multiple [scope=row]:before{background:var(--color,currentColor);content:"";display:inline-block;height:1rem;margin-right:.25rem;-webkit-transform:translate3d(0,.1rem,0);transform:translate3d(0,.1rem,0);width:1rem}.table-charts.radar.radar-multiple tr:nth-child(2) [scope=row]{left:calc(1rem + (100%/var(--areas))*1)}.table-charts.radar.radar-multiple td{align-items:flex-end;border-color:var(--color,currentColor);display:flex;justify-content:flex-end;opacity:.5;pointer-events:none;transition:opacity .2s cubic-bezier(.5,0,.5,1);will-change:opacity;z-index:0}.table-charts.radar.radar-multiple td:after{color:var(--color,currentColor);display:block;font-size:small;font-weight:700;text-indent:-.5rem;-webkit-transform:skew(calc(var(--skew)*-1)) rotate(calc(var(--part)*var(--index, 1)*-1));transform:skew(calc(var(--skew)*-1)) rotate(calc(var(--part)*var(--index, 1)*-1));-webkit-transform-origin:0 0;transform-origin:0 0;transition:inherit;white-space:nowrap;width:100%;will-change:inherit}.table-charts.radar.radar-multiple td:first-of-type:after{content:counter(value);counter-reset:value var(--1);width:calc(var(--1)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(2):after{content:counter(value);counter-reset:value var(--2);width:calc(var(--2)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(3):after{content:counter(value);counter-reset:value var(--3);width:calc(var(--3)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(4):after{content:counter(value);counter-reset:value var(--4);width:calc(var(--4)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(5):after{content:counter(value);counter-reset:value var(--5);width:calc(var(--5)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(6):after{content:counter(value);counter-reset:value var(--6);width:calc(var(--6)*100%/var(--scale))}.table-charts.radar.radar-multiple td:nth-of-type(7):after{content:counter(value);counter-reset:value var(--7);width:calc(var(--7)*100%/var(--scale))}.table-charts.radar.radar-multiple span{background:var(--color,currentColor);pointer-events:auto}@supports((-webkit-mask-image:url()) or (mask-image:url())){.table-charts.radar.radar-multiple span{-webkit-mask-image:radial-gradient(circle at bottom right,#000,rgba(0,0,0,.5));mask-image:radial-gradient(circle at bottom right,#000,rgba(0,0,0,.5))}}@media screen and (min-width:30em)and (hover:hover){.table-charts.radar.radar-multiple td{opacity:.25}.table-charts.radar.radar-multiple td:after{opacity:0}.table-charts.radar.radar-multiple tr:hover td{opacity:1;z-index:1}.table-charts.radar.radar-multiple tr:hover td:after{opacity:inherit}}}@supports((-webkit-clip-path:polygon(50% calc(50% + (var(--gt-25,0))))) or (clip-path:polygon(50% calc(50% + (var(--gt-25,0)))))){.table-charts .pie-container .fieldset{display:flex!important}.table-charts.pie.step-1{margin:0 auto;padding-top:calc(32em - 2rem);position:relative}.table-charts.pie.step-1 tbody{--side:32em;--hypo:32;display:table-row}.table-charts.pie.step-1 tr{display:table-cell;transition:opacity .3s cubic-bezier(.5,0,.5,1);will-change:opacity}.table-charts.pie.step-1 tr:nth-child(1n+1){--background:var(--checkers)}.table-charts.pie.step-1 tr:nth-child(2n+2){--background:var(--hexagons)}.table-charts.pie.step-1 tr:nth-child(3n+3){--background:var(--triangles)}.table-charts.pie.step-1 tr:nth-child(4n+4){--background:var(--zig)}.table-charts.pie.step-1 tr:nth-child(5n+5){--background:var(--stripes)}.table-charts.pie.step-1 tr:nth-child(6n+6){--background:var(--dots)}.table-charts.pie.step-1 [scope=row]{padding-right:.5rem}.table-charts.pie.step-1 [scope=row]:before{background:var(--color,currentColor) var(--background);content:"";display:inline-block;height:1rem;-webkit-transform:translate3d(-.2rem,.1rem,0);transform:translate3d(-.2rem,.1rem,0);width:1rem}.table-charts.pie.step-2 td{--position:calc(var(--start, 0)*0.01turn)}.table-charts.pie.step-2 td:after,.table-charts.pie.step-2 td:before{left:50%;position:absolute;top:40%;-webkit-transform-origin:center center;transform-origin:center center}.table-charts.pie.step-2 td:before{--zoom:.75;--part:calc(var(--value)*3.6);--main-angle:calc(var(--part) - (var(--gt-25, 0) + var(--gt-50, 0) + var(--gt-75, 0))*90);--β:calc(var(--main-angle)*0.01745);--α:calc((90 - var(--main-angle))*0.01745);--sin-term-β-1:var(--β);--sin-term-β-2:calc((var(--β)*var(--β)*var(--β))/6);--sin-term-β-3:calc((var(--β)*var(--β)*var(--β)*var(--β)*var(--β))/120);--sin-term-β-4:calc((var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β))/5040);--sin-term-β-5:calc((var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β)*var(--β))/362880);--sin-β:calc(var(--sin-term-β-1) - var(--sin-term-β-2) + var(--sin-term-β-3) - var(--sin-term-β-4) + var(--sin-term-β-5));--sin-term-α-1:var(--α);--sin-term-α-2:calc((var(--α)*var(--α)*var(--α))/6);--sin-term-α-3:calc((var(--α)*var(--α)*var(--α)*var(--α)*var(--α))/120);--sin-term-α-4:calc((var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α))/5040);--sin-term-α-5:calc((var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α)*var(--α))/362880);--sin-α:calc(var(--sin-term-α-1) - var(--sin-term-α-2) + var(--sin-term-α-3) - var(--sin-term-α-4) + var(--sin-term-α-5));--B:calc(var(--hypo)*var(--sin-β));--A:calc(var(--hypo)*var(--sin-α));--pos-B:calc((var(--B)*100/var(--hypo))/2);--pos-A:calc((var(--A)*100/var(--hypo))/2);background:var(--color,currentColor) var(--background);-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,calc(50% + var(--pos-B)*1%*var(--lt-25, 1) + var(--gt-25, 0)*50%) calc(50% - var(--pos-A)*1%*var(--lt-25, 1)),calc(50% + var(--gt-25, 0)*50%) calc(50% + var(--gt-25, 0)*50%),calc(50% + var(--pos-A)*1%*var(--lt-50, 1) + var(--gt-50, 0)*50%) calc(50% + var(--pos-B)*1%*var(--lt-50, 1) + var(--gt-50, 0)*50%),calc(50% - var(--gt-50, 0)*50%) calc(50% + var(--gt-50, 0)*50%),calc(50% - var(--pos-B)*1%*var(--lt-75, 1) - var(--gt-75, 0)*50%) calc(50% + var(--pos-A)*1%*var(--lt-75, 1)),calc(50% - var(--gt-75, 0)*50%) calc(50% - var(--gt-75, 0)*50%),calc(50% - var(--pos-A)*1%*var(--gt-75, 0)) calc(50% - var(--pos-B)*1%*var(--gt-75, 0)),50% 50%);clip-path:polygon(50% 50%,50% 0,100% 0,calc(50% + var(--pos-B)*1%*var(--lt-25, 1) + var(--gt-25, 0)*50%) calc(50% - var(--pos-A)*1%*var(--lt-25, 1)),calc(50% + var(--gt-25, 0)*50%) calc(50% + var(--gt-25, 0)*50%),calc(50% + var(--pos-A)*1%*var(--lt-50, 1) + var(--gt-50, 0)*50%) calc(50% + var(--pos-B)*1%*var(--lt-50, 1) + var(--gt-50, 0)*50%),calc(50% - var(--gt-50, 0)*50%) calc(50% + var(--gt-50, 0)*50%),calc(50% - var(--pos-B)*1%*var(--lt-75, 1) - var(--gt-75, 0)*50%) calc(50% + var(--pos-A)*1%*var(--lt-75, 1)),calc(50% - var(--gt-75, 0)*50%) calc(50% - var(--gt-75, 0)*50%),calc(50% - var(--pos-A)*1%*var(--gt-75, 0)) calc(50% - var(--pos-B)*1%*var(--gt-75, 0)),50% 50%);content:"";height:var(--side);-webkit-mask-image:radial-gradient(circle at center,#fff 0,#fff calc(var(--side)/2),transparent calc(var(--side)/2));mask-image:radial-gradient(circle at center,#fff 0,#fff calc(var(--side)/2),transparent calc(var(--side)/2));-webkit-transform:translate3d(-50%,-50%,0) rotate(var(--position)) scale(var(--zoom));transform:translate3d(-50%,-50%,0) rotate(var(--position)) scale(var(--zoom));transition:-webkit-transform .2s cubic-bezier(.5,0,.5,1);transition:transform .2s cubic-bezier(.5,0,.5,1);transition:transform .2s cubic-bezier(.5,0,.5,1),-webkit-transform .2s cubic-bezier(.5,0,.5,1);width:var(--side);will-change:transform}.table-charts.pie.step-2 tr:hover td:before{--zoom:.8}.table-charts.pie.step-2 td:after{--arrow:calc(100% - 0.25rem);--axis:calc(var(--position) - 0.25turn + var(--value)*0.005turn);--away:calc(var(--side)/2 - 1rem);background-color:#444;color:#fff;content:var(--term) " : " counter(value) " %";counter-reset:value var(--value);opacity:0;padding:.5rem;pointer-events:none;-webkit-transform:translate3d(-50%,-50%,0) rotate(var(--axis)) translate(var(--away)) rotate(calc(var(--axis)*-1)) perspective(1000px) rotateX(45deg);transform:translate3d(-50%,-50%,0) rotate(var(--axis)) translate(var(--away)) rotate(calc(var(--axis)*-1)) perspective(1000px) rotateX(45deg);-webkit-transform-origin:50% calc(100% + 10px);transform-origin:50% calc(100% + 10px);transition:opacity .2s cubic-bezier(0,.5,.5,1),-webkit-transform .2s cubic-bezier(0,.5,.5,1);transition:opacity .2s cubic-bezier(0,.5,.5,1),transform .2s cubic-bezier(0,.5,.5,1);transition:opacity .2s cubic-bezier(0,.5,.5,1),transform .2s cubic-bezier(0,.5,.5,1),-webkit-transform .2s cubic-bezier(0,.5,.5,1);will-change:opacity,transform}.table-charts.pie.step-2 tbody:hover tr{opacity:.5}.table-charts.pie.step-2 tbody:hover tr:hover{opacity:1}.table-charts.pie.step-2 tbody:hover tr:hover td:after{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate(var(--axis)) translate(var(--away)) rotate(calc(var(--axis)*-1)) perspective(1000px) rotateX(0deg);transform:translate3d(-50%,-50%,0) rotate(var(--axis)) translate(var(--away)) rotate(calc(var(--axis)*-1)) perspective(1000px) rotateX(0deg);transition:opacity .2s cubic-bezier(.5,0,1,.5),-webkit-transform .2s cubic-bezier(.5,0,1,.5);transition:opacity .2s cubic-bezier(.5,0,1,.5),transform .2s cubic-bezier(.5,0,1,.5);transition:opacity .2s cubic-bezier(.5,0,1,.5),transform .2s cubic-bezier(.5,0,1,.5),-webkit-transform .2s cubic-bezier(.5,0,1,.5)}.table-charts.pie.step-2.polar td:before{--zoom:50;-webkit-transform:translate3d(-50%,-50%,0) rotate(var(--position)) scale(calc((var(--zoom) + var(--value)/(100/var(--zoom)))/100));transform:translate3d(-50%,-50%,0) rotate(var(--position)) scale(calc((var(--zoom) + var(--value)/(100/var(--zoom)))/100))}.table-charts.pie.step-2.polar tr:hover td:before{--zoom:50}.table-charts.donut{-webkit-mask-image:radial-gradient(circle at 50% calc(50% - 2rem),transparent 0,transparent var(--offset),#fff calc(var(--offset) + 1px),#fff 100%);mask-image:radial-gradient(circle at 50% calc(50% - 2rem),transparent 0,transparent var(--offset),#fff calc(var(--offset) + 1px),#fff 100%)}.table-charts.donut td:after{--away:calc(var(--side)/2 - 2.5rem)}@media screen and (min-width:30em)and (-ms-high-contrast:active){.table-charts.pie tbody tr :before{background-color:Window}.table-charts.pie tbody tr:nth-of-type(odd) :before{background-color:WindowText}}}}