:root{--q-primary:#cc2027;--q-primary-hover:#e9403f;--q-primary-light:#edc5c7}body{--q-primary-transparent:#cc00001a}.bg-bright{background-color:#fff}.bg-bg{background-color:#eee}.text-bright{color:bright}.circle-container{background-color:#e0e0e0;border-radius:50%;height:200px;margin:0 auto 30px;position:relative;width:200px}.nut{align-items:center;background-color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#333;display:flex;font-size:14px;font-weight:700;height:27px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:27px}.green{background-color:var(--q-positive);color:#fff}.red{background-color:var(--q-negative);color:#fff}.current{background-color:#000;color:#fff}.inner-circle{background-color:#fff;border-radius:50%;height:85px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85px}