:root { --pie-size:300; --pie-bg:#3434AF; --red:#ed3457; --green:#248991; --orange:#ed8724; --line-color:#cecece; } .pie, .target { border-radius: 100%; position: relative; } .pie { height: calc( var(--pie-size,200) * 1px ); width: calc( var(--pie-size,200) * 1px ); background-color: var(--pie-bg, black); top: 5px; left: 5px; } .target { height: calc( (var(--pie-size,200) + 10) * 1px ); width: calc( (var(--pie-size,200) + 10) * 1px ); background-color: var(--line-color, grey); } .references { position: fixed; bottom: 0; left: 0; right: 0; background-color: var(--line-color); } /*# sourceMappingURL=pie-charts.css.map */