.graph{display:flex;justify-content:center;flex-shrink:0}.graph .legend{color:#222;font-size:20px;margin:10px 0 0;text-align:center}.graph .legend p{margin:0;letter-spacing:-.003em}.graph>.colorful{width:164px}.graph>.colorful>.wrapper{height:241px}.graph>.colorful .dotted{width:100%;min-width:164px;background:linear-gradient(90deg,#999 33%,#fff 0) top/12px 1px repeat-x,linear-gradient(#999 33%,#fff 0) 100%/1px 12px repeat-y,linear-gradient(90deg,#999 33%,#fff 0) bottom/12px 1px repeat-x,linear-gradient(#999 33%,#fff 0) 0/1px 12px repeat-y}.graph>.colorful .colored{width:100%;min-width:164px;background:#d7522f;position:relative;display:flex;justify-content:center}.graph>.grayed>.wrapper{height:241px}.graph>.grayed .gray{width:164px;height:100%;background:#222;position:relative;display:flex;justify-content:center;margin-right:20px}.graph .graph-label{position:absolute;bottom:0;background:#fffcf6;font-family:Poppins52,sans-serif;font-size:18px;padding:0 5px;user-select:none}@media screen and (max-width:605px){.graph{justify-content:space-between}}@media screen and (max-width:380px){.graph>.colorful .colored,.graph>.colorful .dotted{min-width:130px}.graph>.colorful,.graph>.grayed .gray{width:130px}.graph .graph-label,.graph .legend{font-size:13px}}