.circle-chart{position:relative;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;-ms-flex-negative:0;flex-shrink:0;width:4rem;height:4rem;opacity:0}@media (min-width: 1024px){.circle-chart{width:7rem;height:7rem}}.circle-chart.is-active{opacity:1}.circle-inner,.circle-outer{-webkit-transition:stroke-dashoffset 2s linear;transition:stroke-dashoffset 2s linear}.is-active .circle-inner,.is-active .circle-outer{stroke-dashoffset:0}.circle-outer{--transform-translate-x: 0;--transform-translate-y: 0;--transform-rotate: 0;--transform-skew-x: 0;--transform-skew-y: 0;--transform-scale-x: 1;--transform-scale-y: 1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-rotate: -90deg;width:100%;height:100%;border-radius:9999px;stroke-dashoffset:97}.circle-inner{position:absolute;top:50%;left:50%;border-radius:9999px;-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);stroke-dashoffset:87;width:85%;height:85%}.lines-chart{opacity:0;-ms-flex-negative:0;flex-shrink:0;height:100%;display:-webkit-box;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:3rem}.lines-chart.is-active{opacity:1}.line{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform 2s linear;transition:-webkit-transform 2s linear;transition:transform 2s linear;transition:transform 2s linear, -webkit-transform 2s linear}.is-active .line{-webkit-transform:scaleY(1);transform:scaleY(1)}.line--red{height:70%}.line--green{height:100%}.difference-tab{padding:7px 15px 7px 40px;line-height:21px;border-radius:4px;font-size:14px;font-weight:bold;display:table;position:relative}.difference-tab::after{position:absolute;content:'';top:5px;left:8px;width:24px;height:24px}.difference-tab_down{background-color:#F8CDD0;color:#F84750}.difference-tab_down::after{background:url(../../images/difference-icon-down.svg) 0px 0px no-repeat}.difference-tab_up{background-color:#CAE4E3;color:#36A5A0}.difference-tab_up::after{background:url(../../images/difference-icon-up.svg) 0px 0px no-repeat}@media (max-width: 991px){.difference-tab_desktop{display:none}}@media (min-width: 991px){.difference-tab_mobile{display:none}}@media (max-width: 991px){.gap-0{grid-gap:0px}}.difference-items{overflow:hidden;position:relative;transition:max-height 0.5s ease}@media (max-width: 991px){.difference-items{max-height:100% !important}}.difference-items .difference-item{transition:opacity 0.5s ease}.difference-items .difference-item:nth-child(n+5){opacity:0}.difference-items .difference-item:nth-child(4){opacity:0.25}.button-item{margin:0 auto;padding-right:48px;position:relative;margin-top:30px}.button-item::after{background:url("../../images/icon-white-arrow-down.svg") 0px 0px no-repeat;width:24px;height:24px;position:absolute;top:12px;right:10px;content:'';transform:rotate(0deg);transition:all 0.2s ease-out}.active::after{transform:rotate(180deg)}@media (max-width: 991px){.difference-items{max-height:100%}.difference-items .difference-item{transition:opacity 0.5s ease}.difference-items .difference-item:nth-child(n+5){opacity:1}.difference-items .difference-item:nth-child(4){opacity:1}.button-item{display:none}.difference-items-mob{display:none}.difference-item-mob{position:relative;padding-right:20px}.difference-item-mob::after{position:absolute;top:13px;right:0;content:'';background:url(../../images/icon-small-plus.svg) 0px 0px no-repeat;width:24px;height:24px}.difference-item .active::after{background:url(../../images/icon-small-minus.svg) 0px 0px no-repeat}.difference-tab_mobile{margin-bottom:6px}}
