.diagram{padding:16px 24px 24px}.diagram__wrapper{margin-top:4px;position:relative}.diagram__container{overflow:hidden;position:relative}.diagram__container:before{background:#eee;border-top-left-radius:150rem;border-top-right-radius:150rem;content:"";display:block;padding-top:50%;width:100%}.diagram__container-bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;left:calc(50% - 70px);position:absolute;width:140px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#fff;border-radius:70px 70px 0 0;justify-content:space-between}.diagram__container-bottom.diagram__container-bottom--with-data:before{background-color:#000;border-radius:8px;content:"";display:block;height:8px;left:calc(50% - 4px);position:absolute;top:0;width:8px}.diagram__container-separator-text{color:#5c5c5c;color:#202020;font-family:BrownRegular,sans-serif;font-size:1.4rem;font-weight:400;line-height:125%;margin-top:16px}.diagram__container-information{color:#202020;font-family:BrownBold,sans-serif;font-size:1.4rem;font-weight:700;line-height:135%}@media screen and (min-width:1200px){.diagram__container-information{font-size:1.8rem}}.diagram__container-separator{border-color:#000;border-style:none dashed;border-width:1px;height:100%;left:calc(50% - 1px);position:absolute;top:-4px;width:0}.diagram__container-separator:before{background-color:#000;border-radius:8px;content:"";display:block;height:8px;margin-left:-4px;position:absolute;top:0;width:8px}.diagram__part{-webkit-animation:rotate .2s ease-out 1 none;animation:rotate .2s ease-out 1 none;background-color:var(--color);border-bottom-left-radius:150rem;border-bottom-right-radius:150rem;-webkit-transform:translateY(100%) rotate(0deg);transform:translateY(100%) rotate(0deg);-webkit-transform-origin:top;transform-origin:top}.diagram__part,.diagram__part:after{bottom:0;display:block;left:0;position:absolute;right:0;top:0;width:100%}.diagram__part:after{background:#fff;content:"";height:100%;-webkit-transform:translateY(100%);transform:translateY(100%)}.diagram__tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;position:absolute;top:25%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fafbff;border:1px solid #dcdee8;border-radius:4px;-webkit-box-shadow:0 0 20px 0 rgba(32,32,32,.2);box-shadow:0 0 20px 0 rgba(32,32,32,.2);color:#5c5c5c;color:#202020;font-family:BrownRegular,sans-serif;font-size:1.4rem;font-weight:400;line-height:125%;opacity:0;padding:4px 8px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1);transition:opacity .5s cubic-bezier(.645,.045,.355,1);white-space:nowrap}.diagram__tooltip--visible{opacity:1}.diagram__tooltip:before{background-color:var(--color);border-radius:50%;content:"";display:block;height:8px;margin-right:4px;width:8px}.diagram__legend{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:12px;grid-gap:8px 24px;gap:8px 24px}@media screen and (min-width:880px){.diagram__legend{grid-template-columns:1fr 1fr}}.diagram__legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.diagram__legend-item[data-percent="0"]{display:none}.diagram__legend-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.diagram__legend-color{background-color:var(--color);border-radius:50%;display:block;height:8px;margin-right:8px;min-width:8px;width:8px}.diagram__legend-main-info{color:#202020;font-family:BrownRegular,sans-serif;font-size:1.6rem;font-weight:400;line-height:125%}.diagram__legend-secondary-info{padding-left:16px}.diagram__legend-placeholder,.diagram__legend-secondary-info{color:#5c5c5c;font-family:BrownRegular,sans-serif;font-size:1.4rem;font-weight:400;line-height:125%}.diagram__legend-placeholder{font-style:italic;margin-top:12px;text-align:center}@-webkit-keyframes rotate{0%{-webkit-transform:translateY(100%) rotate(0deg);transform:translateY(100%) rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:translateY(100%) rotate(0deg);transform:translateY(100%) rotate(0deg)}}